встроенное редактирование ngtable, нельзя добавить строку?

Разбираюсь с сеткой 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


person user603007    schedule 19.06.2014    source источник


Ответы (1)


В addRow.html вы добавляете переменную «p», которая всегда оценивается как null. Измените это на «добавить».

e.g.

ng-click="addRow(add);"

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

person sharpguru    schedule 20.06.2014