Пока я пытаюсь распечатать значение из службы в таблице 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}
Я хочу, чтобы это значение отображалось в моей таблице матов в одной строке.