2

让我的头脑围绕 ng-table 网格。坚持如何添加新行：

$scope.addRow = function(add) {
      $scope.data.push(add)
      $scope.showAdd = false;
};

尝试将新对象添加到数据数组但不起作用？这里有什么问题？

html:

<table class="noborder">
    <tr>
        <td rowspan="2">ID: {{add.id}}<input type="hidden" name="id" value="{{add.id}}"></td>
        <td>Firstname:</td>
        <td><input type="text" name="fn" class="w100" ng-model="add.fn"></td>
        <td>Description: </td>
        <td>Email:</td>
        <td><input type="text" name="em" class="w180" ng-model="add.em"></td>
        <td><input type="button" value=" save " ng-click="addRow(p);"></td>
    </tr>
    <tr>
        <td>Lastname:</td>
        <td><input type="text" name="ln" class="w100" ng-model="add.ln"></td>
        <td><input type="text" name="dc" class="w180" ng-model="add.dc"></td>
        <td>Phone: </td>
        <td><input type="text" name="ph" class="w120" ng-model="add.ph"></td>
        <td><input type="button" value=" cancel" ng-click="cancelEdit()"></td>
    </tr>
</table>

这是一个 plunkr 参考：http ://plnkr.co/edit/9woANV?p=preview

4

1 回答 1

0

在 addRow.html 中，您添加了始终评估为 null 的变量“p”。将此更改为“添加”。

例如

ng-click="addRow(add);"

plunkr：https ://plnkr.co/edit/xEL78EZNGrD6GxE029X8?p=preview

于 2014-06-20T05:29:16.857 回答