json - 将列动态添加到表 json 和 angular.js

Question

我想动态地向表中添加一列。我的代码基于 angularjs 和 json。表结构在文件 abc.json 中定义。我想给这张表加一列。我不想动态地做到这一点。

我尝试了以下方法：

var newCol = [{name: "abc", type: "textarea", displayName: "ABC"}];
table.push(newCol);
$scope.cfg = table;
table = angular.copy($scope.cfg);

我可以添加新列，但列数据始终未定义。此外，我希望此列在添加后存储在表中。

score 4 · Accepted Answer

检查这个：

（在您的控制器中）

--- JAVASCRIPT ---
$scope.table = ['1', '2', '3']; // abc.json
$scope.table.push('4'); // add column

（你的结构）

--- HTML ---
<table>
   <tr ng-repeat="column in table">
      <td>
         <span ng-bind="column"></span>
      </td>
   </tr>
</table>

1 回答 1