Добавить новую строку в редактируемом состоянии

Question

У меня есть простой ретранслятор, в котором каждая строка может редактироваться в строке. Как часть этого ретранслятора, когда я добавляю новую строку, я бы хотел, чтобы она находилась в редактируемом состоянии, а не статическом. Когда я попытался добавить $ scope.editable = true к кнопке Add, это сделает весь ретранслятор доступным для редактирования.

Вот такой plunker иллюстрирующую мой код: http://plnkr.co/edit/tVOLYm2mg5be2L6NpM6k?p=preview

$scope.addRow = function() { 
    $scope.accounts.unshift({ name: 'Enter Name', id: 'Enter ID', code: 'Enter Code'}); 
    //$scope.editable = true; 
} 

Может кто-нибудь помочь с тем, что я пытаюсь достичь?

благодаря

Answer 1

$scope.editable = false; 

Этот оператор устанавливает редактируемое значение в родительской области и нг-повторе делает ребенок возможность для каждого повтора. Вам нужно понять эту концепцию. Look at this question чтобы понять это.

Теперь лучший способ реализовать то, что вы хотите сделать, - добавить новое свойство для каждого объекта учетной записи в вашем массиве учетных записей, что делает строку редактируемой или не редактируемой.

Поэтому, когда unshifting счета, выполните следующие действия:

$scope.accounts.unshift({ 
     name: 'Enter Name', 
     id: 'Enter ID', 
     code: 'Enter Code', 
     editable: true 
    }); 

и в HTML, вместо того, чтобы использовать editable, используйте account.editable

Вам не нужно, чтобы добавить editable свойства к существующим данным, несуществующие свойства неявно ложны, поэтому ваша сетка будет автоматически находиться в нередактируемом режиме изначально.