在角材料中使用@Input Decorator在模板中显示

时间:2018-06-26 15:28:25

标签: angular angular-material2

我有@Input() users,其中包含来自父组件的用户对象数组。它会在普通表中显示用户名。

<tr *ngFor="let user of users">
    <td>{{user.name}}</td>
</tr>

现在我正在使用Angular Material,并且想要实现Angular材质提供的表格。对于此表,我需要组件中的数据,但无法访问ngOnInit中子组件中的数据,而只能访问ngOnChanges上的访问。由于我只能在模板上显示数据,而不能在组件上操作数据,因此使用Angular Materail表变得很困难。

有人知道我该如何处理。 任何帮助表示赞赏。

谢谢

1 个答案:

答案 0 :(得分:0)

实际上,这很容易。 在ngOnChanges上获得价值对我来说很有帮助。

@Input() users;

dataSource;

ngOnChanges() {
    this.dataSource = new MatTableDataSource<any>(this.users);
}