使用angular4在typescript中排序数据表

时间:2018-02-19 12:22:39

标签: angular typescript

错误:模板解析错误: 无法绑定'排序'因为它不是“数据表”的已知属性。我得到的错误是这样的。在详细信息中,所有数据都是降序的,但是当它涉及到完整的网格视图时,它是按升序排列的。它不接受html中的排序

在后端还设置了降序,它按降序运行。 下面的代码是id html部分

<datatable (click)="updateform()" [options]="{
                            data:detailsall,
                 columns: [
                 {data:'id'},
                 {data:'address'},
                 {data:'city'},
                 {data:'state'}
                 ],
                 buttons: [
                 'colvis'
                 ]
                 }" (sendRecord)="getArticleRecord($event)" tableClass="table table-striped table-bordered table-hover" [sort]="sorting">
                  <thead>
                    <tr>
                      <th data-class="expand">Id</th>
                      <th data-class="expand">Address</th>
                      <th data-class="expand">City</th>
                      <th data-class="expand">state</th>
                    </tr>
                  </thead>
                <datatable>

以下代码是打字稿:

sorting: any = {
        column: 'id',
        descending:true
      };

1 个答案:

答案 0 :(得分:0)

我认为您没有将字段sort标记为输入

@Component({
...
})
class DatatableComponent {
  @Input() sort: { column: string, descending: boolean };
  ...
}