These are chat archives for angular/material

1st
Sep 2017
abhilash
@abhilashkr-tj
Sep 01 2017 06:06
Still blocked with the above issues with md-menu, please help
Joe
@foxjazz
Sep 01 2017 19:57
 <cdk-table [dataSource]="eaErrors">
    <cdk-header-row *cdkHeaderRowDef="['loanID', 'error', 'date']"></cdk-header-row>
    <cdk-row *cdkRowDef="let row; columns: ['loanID', 'error', 'date']"></cdk-row>
    <ng-container cdkColumnDef="LoanID">
      <cdk-header-cell *cdkHeaderCellDef>Loan #</cdk-header-cell>
      <cdk-cell *cdkCellDef="let row"> {{row.loanID}} </cdk-cell>
    </ng-container>
    <ng-container cdkColumnDef="error">
      <cdk-header-cell *cdkHeaderCellDef>Loan #</cdk-header-cell>
      <cdk-cell *cdkCellDef="let row"> {{row.description}} </cdk-cell>
    </ng-container>
    <ng-container cdkColumnDef="date">
      <cdk-header-cell *cdkHeaderCellDef>Date</cdk-header-cell>
      <cdk-cell *cdkCellDef="let row"> {{row.effectiveDate | date:'yMd'}} </cdk-cell>
    </ng-container>
  </cdk-table>
tried this bug get these errors.
Can't bind to 'dataSource' since it isn't a known property of 'cdk-table'.
1. If 'cdk-table' is an Angular component and it has 'dataSource' input, then verify that it is part of this module.
2. If 'cdk-table' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("  Errors Count = {{eaErrors.length}} Exceptions Count = {{eaExceptions.length}}
</div>
  <cdk-table [ERROR ->][dataSource]="eaErrors">
    <cdk-header-row *cdkHeaderRowDef="['loanID', 'error', 'date']"></cdk-hea"): ng:///AppModule/DashboardComponent.html@4:13
'cdk-header-row' is not a known element:
1. If 'cdk-header-row' is an Angular component, then verify that it is part of this module.
2. If 'cdk-header-row' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
</div>