Angular Material中的动态值 - 排序标题

时间:2018-02-01 03:25:15

标签: angular angular-material angular2-template

我如何注入动态值,就像我使用" id"在物质排序? 当我尝试使用插值 mat-sort-header 导致错误时 - 无法绑定到' mat-sort-header'因为它不是“#<

的已知属性

该表是动态构建的。

<table matSort (matSortChange)="sortData($event)">
<tr>
<th mat-sort-header="{{mapped.id}}" id="{{mapped.id}}">{{mapped.header}}</th>   
</tr>...
</table>

我使用导入{排序}来自&#39; @ angular / material&#39;;

它取自https://material.angular.io/components/sort/overview

非常感谢

2 个答案:

答案 0 :(得分:0)

试试这个:

<table matSort (matSortChange)="sortData($event)">
    <tr>
        <th mat-sort-header id="{{mapped.id}}">{{mapped.header}}</th>   
    </tr>...
</table>

答案 1 :(得分:0)

您可能忘记添加MatSortModule。

每当你看到类似的东西时:

  

无法绑定到[material-directive],因为它不是已知的属性   [元素]。

这表示您没有添加模块。

另一种更有角度的写作方式是:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="comment" data-number_comments="7" data-user="Joe">
    [Click to comment]
</div>

<div class="LastComments"></div>