Mattable печатает значение из службы - PullRequest
0 голосов
/ 14 января 2019

Пока я пытаюсь распечатать значение из службы в таблице mat angular не работает.

Я старался изо всех сил, просматривая многие сайты:

employeecomponent.html

<mat-table #table [dataSource]="dataSource">

    <ng-container matColumnDef="name">
    <mat-header-cell *matHeaderCellDef> Name </mat-header-cell>
    <mat-cell *matCellDef="let element"> {{elemet.name}} </mat-cell>
   </ng-container>

    <ng-container matColumnDef="mark">
    <mat-header-cell *matHeaderCellDef> Mark</mat-header-cell>
    <mat-cell *matCellDef="let element"> {{element.mark}} </mat-cell>
    </ng-container>


   <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
   <mat-row *matRowDef="let row; columns: displayedColumns;"></mat-row>
</mat-table>

employeecomponent.ts

import {Component, OnInit} from '@angular/core';
import { MatTableDataSource} from '@angular/material';
import { EmployeeService} from '../../shared/employee.service';


@Component({
  selector: 'app-employeedashboard',
  templateUrl: './employeedashboard.component.html',
  styleUrls: ['./employeedashboard.component.css']
})
export class EmployeedashboardComponent implements OnInit{

  displayedColumns = ['name', 'mark'];
  dataSource = new MatTableDataSource();

  constructor(private employeeservice:EmployeeService ) {}
ngOnInit() {
    this.employeeservice.getdata().subscribe(
      data => {
        console.log(data); 
        this.dataSource.data=data;


      },  
      error => {  
        console.log('There was an error while retrieving Posts !!!' +     error);  
      }  
    );
  }

}

Я ожидаю, что таблица будет отображена, но ошибка показывает, что ошибка:

core.js: 1440 ОШИБКА Ошибка: ошибка при попытке diff 'ss'. Разрешены только массивы и итерации в DefaultIterableDiffer.diff (core.js: 7482) в MatTable.CdkTable._renderRowChanges (table.es5.js: 680) на SafeSubscriber.eval [как _next] (table.es5.js: 640) на SafeSubscriber .__ tryOrUnsub (Subscriber.js: 240) на SafeSubscriber.next (Subscriber.js: 187) в Subscriber._next (Subscriber.js: 128) на Subscriber.next (Subscriber.js: 92) at TakeUntilSubscriber.Subscriber._next (Subscriber.js: 128) at TakeUntilSubscriber.Subscriber.next (Subscriber.js: 92) at BehaviorSubject.Subject.next (Subject.js: 56)

до того, как эта ошибка появится в консоли браузера, я получаю значения от службы. этот вывод консоли {name: "ss", оценка: 10}

Я хочу, чтобы это значение отображалось в моей таблице матов в одной строке.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...