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

时间:2013-08-16 06:14:06

标签: json angularjs

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

我尝试了以下内容:

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

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

1 个答案:

答案 0 :(得分:4)

检查一下:

(在您的控制器中)

--- 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>