Угловой стол с редактируемой ячейкой

Question

Я пытаюсь создать редактируемую ячейку с angularJS.Мне удалось сделать один редактируемый, но когда я редактирую значение, не изменяйте в контроллере.

Я использую это.

<table md-table>
  <thead fix-head md-head md-order="query.order">
    <tr md-row>
      <th md-column style="box-sizing: content-box"><span>Item</span></th>
      <th md-column style="box-sizing: content-box"><span>Coluna do Excel</span></th>
      <th md-column style="box-sizing: content-box"><span>Status</span></th>
    </tr>
  </thead>

  <tbody md-body>
    <tr md-row ng-repeat="layout in vm.carregarLayoutTeste | filter: filter.search | orderBy: query.order">
      <td md-cell>{{layout.Nome}}</td>
      <td>
        <input type="text" value="{{layout.Coluna}}" ng-readonly='!($index == eEditable)' ng-dblclick="eEditable = $index"/>
    </td>
      <td md-cell>{{layout.Status ? "OK":"Verifique a Coluna Correta"}}</td>
    </tr>
  </tbody>
</table>

И в JS я использую это.

 $scope.eEditable = -1; //-1 by default. It doesn't match any $index from ng-repeat

Но когда я отправляю информацию контроллеру, информация о ячейке остается неизменной.Пример:

Ячейка 1 имеет значение TESTE, я редактирую и изменяю на NEW, когда он достигает контроллера и еще тестирует, кто-то знает, что я могу сделать?

Answer 1

Спасибо, Каддат, я использовал ng-модель и работал нормально.

 <td>
    <input type="text" value="{{layout.Coluna}}" ng-readonly='!($index == eEditable)' ng-model="layout.Coluna" ng-dblclick="eEditable = $index"/>
 </td>