Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

<md-table #table [ERROR ->][dataSource]="dataSource">

See original GitHub issue

Bug

compiler.es5.js:1689 Uncaught Error: Template parse errors: Can’t bind to ‘dataSource’ since it isn’t a known property of ‘md-table’.

If ‘md-table’ is an Angular component and it has ‘dataSource’ input, then verify that it is part of this module.

What is the expected behavior?

no errors

What is the current behavior?

compiler.es5.js:1689 Uncaught Error: Template parse errors: Can’t bind to ‘dataSource’ since it isn’t a known property of ‘md-table’.

If ‘md-table’ is an Angular component and it has ‘dataSource’ input, then verify that it is part of this module.

What are the steps to reproduce?

I’m using your examples as code https://material.angular.io/components/table/overview

What is the use-case or motivation for changing an existing behavior?

migrating from ngx-… another nto official component for the table.

Which versions of Angular, Material, OS, TypeScript, browsers are affected?


"dependencies": {
    "@angular/animations": "^4.2.4",
    "@angular/cdk": "^2.0.0-beta.8",
    "@angular/common": "^4.2.4",
    "@angular/core": "^4.2.4",
    "@angular/forms": "^4.2.4",
    "@angular/http": "^4.2.4",
    "@angular/material": "^2.0.0-beta.8",
    "@angular/platform-browser": "^4.2.4",
    "@angular/platform-browser-dynamic": "^4.2.4",
    "@angular/platform-server": "^4.2.4",
    "@angular/router": "^4.2.4",
    "@asymmetrik/angular2-leaflet": "^2.1.5",
    "@swimlane/ngx-datatable": "^9.3.0",
    "@types/node": "^7.0.31",
    "angular2-moment": "^1.4.0",
    "jquery": "^3.1.1",
    "leaflet": "^1.1.0",
    "lodash": "^4.17.4",
    "moment": "^2.18.1",
    "reflect-metadata": "^0.1.10",
    "rxjs": "^5.4.1",
    "sockjs-client": "^1.1.4",
    "webstomp-client": "^1.0.6",
    "zone.js": "^0.8.12"
  },
  "devDependencies": {
    "@angular/compiler": "^4.2.4",
    "@types/es6-shim": "0.31.32",
    "@types/jasmine": "^2.5.53",
    "@types/leaflet": "^1.0.63",
    "@types/lodash": "^4.14.66",
    "@types/selenium-webdriver": "^2.44.26",
    "angular2-router-loader": "^0.3.5",
    "angular2-template-loader": "^0.6.0",
    "compression-webpack-plugin": "^0.4.0",
    "copy": "^0.3.0",
    "copy-webpack-plugin": "^3.0.1",
    "cpy-cli": "^1.0.1",
    "css-loader": "^0.28.4",
    "css-to-string-loader": "^0.1.3",
    "dedupe-plugin": "^1.0.0",
    "file-loader": "^0.10.1",
    "html-loader": "^0.4.5",
    "image-webpack-loader": "^3.3.1",
    "jasmine-core": "^2.5.2",
    "karma": "^1.7.0",
    "karma-chrome-launcher": "^2.1.1",
    "karma-edge-launcher": "^0.4.1",
    "karma-firefox-launcher": "^1.0.0",
    "karma-jasmine": "^1.0.2",
    "karma-mocha-reporter": "^2.0.0",
    "karma-phantomjs-launcher": "^1.0.4",
    "karma-typescript": "^3.0.4",
    "karma-webpack": "^2.0.0",
    "node-sass": "^4.5.3",
    "node-static": "^0.7.7",
    "raw-loader": "^0.5.1",
    "rimraf": "^2.5.2",
    "sass-loader": "^6.0.6",
    "style-loader": "^0.13.1",
    "to-string-loader": "^1.1.3",
    "ts-loader": "^0.8.2",
    "tslint": "^5.4.3",
    "typescript": "2.3.4",
    "url-loader": "^0.5.9",
    "webpack": "^2.2.0",
    "webpack-dev-server": "^2.1.0",
    "webpack-material-design-icons": "^0.1.0"
  }

Is there anything else we should know?

node 6.11 LTS, npm 5.1

Thanks

Issue Analytics

State:
Created 6 years ago
Reactions:2
Comments:13 (2 by maintainers)

Top GitHub Comments

13reactions

willshowellcommented, Jul 7, 2017

Did you import CdkTableModule?

https://plnkr.co/edit/C3YN0x2qrMaqcD6izvK7?p=preview

10reactions

andrewseguincommented, May 29, 2018

Did you import MatTableModule?

Top Results From Across the Web

No error but `md-table` not rendering data ( `connect()` is not ...

Data is provided to the table through a DataSource. When the table receives a data source, it calls the DataSource's connect function which ......

Table | Angular Material

DataSource object that implements the connect/disconnect interface. If a data array is provided, the table must be notified when the array's objects are...

Angular Material Data Table: A Complete Example

A complete example of an Angular Material Data Table with server-side pagination, sorting, filtering, as well as a loading indicator.

can't bind to 'datasource' since it isn't a known property of 'table'.

If 'md-table' is an Angular component and it has 'dataSource' input, then verify that it is part of this module. What is the...

Angular Material Table Error: Can't bind to 'mdHeaderRowDef ...

I am importing CdkTableModule, and when I use the cdk prefix, the table displays as expected… <md-table [dataSource]="dataSource"> <ng-container ...