angularjs – 如何使用angular-datatables渲染具有模型绑定的列

发布时间：2020-12-17 17:45:57 所属栏目：安全来源：网络整理

导读：有没有办法使用DTColumnBuilder在文本框中呈现具有模型绑定的列？就像是： DTColumnBuilder.newColumn('ColumnName').withTitle('Column Name').renderWith(function (data) { return 'input type="text" ng-model="ColumnName" /';}), 解决方法不.您可以

有没有办法使用DTColumnBuilder在文本框中呈现具有模型绑定的列？

就像是：

DTColumnBuilder.newColumn('ColumnName').withTitle('Column Name').renderWith(function (data) {
   return '<input type="text" ng-model="ColumnName" />';
}),

解决方法

不.您可以使用(示例)渲染表格：

DTColumnBuilder.newColumn('firstName','First name')
  .renderWith(function (data) {
       return '<input type="text" ng-model="json.firstName" />'
}),

但是ng-model永远不会被识别,因为渲染时它不是角度本身.如果你让angular做渲染,即datatable =“ng”和ng-repeat它可以工作：

<table datatable="ng" dt-options="dtOptions" dt-columns="dtColumns">
   <tr ng-repeat="item in json">
       <td>{{ item.id }} </td>
       <td><input ng-model="item.firstName"/></td>
       <td>{{ item.lastName }} </td>
   </tr>
</table>

演示 – > http://plnkr.co/edit/f0ycjJvsACaumY13IVUZ?p=preview请注意,在输入框中进行编辑时,JSON项目会更新.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!