AngularJS проверяет строку таблицы с кнопками обновления в каждой строке

0

Я строю таблицу, используя угловой ng-repeat. Мне нужно иметь возможность самостоятельно обновлять или удалять каждую строку и, следовательно, нужно проверять каждую строку независимо.

<tr ng-repeat="item in model.items" >
    <td><input type="text" ng-model="item.AccountNumber" ng-maxlength="model.validation.maxAccountLength" /></td>
    <td><select ng-model="item.OriginCountry" ng-options="country.Id as country.Name for country in model.OriginCountries"></select></td>
    <td><select ng-model="item.DestinationCountry" ng-options="country.Id as country.Name for country in model.DestinationCountries"></select></td>
    <td><input type="text" ng-model="item.Zone" ng-maxlength="4" /></td>
    <td><button type="button" ng-click="updateItem(item)" class="btn btn-warning" ><i class="fa fa-refresh"></i></button></td>
    <td><button type="button" ng-click="removeItem(item)" class="btn btn-danger"><i class="fa fa-trash-o"></i></button></td>
</tr>

Можно ли достоверно проверять каждую строку

Теги:

1 ответ

0

Попробуйте обернуть содержимое строки формами и добавить атрибуты имени на свои входы/выберите

<tr ng-repeat="item in model.items" >
<td>
 <form name="form">     
 <input name="account_number" type="text" ng-model="item.AccountNumber" ng-maxlength="model.validation.maxAccountLength" /></td>
<td>name="origin" ng-model="item.OriginCountry" ng-options="country.Id as country.Name for country in model.OriginCountries"></select></td>
<td><select name="destination" ng-model="item.DestinationCountry" ng-options="country.Id as country.Name for country in model.DestinationCountries"></select></td>
<td><input name="zone" type="text" ng-model="item.Zone" ng-maxlength="4" /></td>
<td><button type="button" ng-click="updateItem(item)" class="btn btn-warning" ><i class="fa fa-refresh"></i></button></td>
<td><button type="button" ng-click="removeItem(item)" class="btn btn-danger"><i class="fa fa-trash-o"></i></button>
 </form>
 </td>
</tr>

Теперь вы можете использовать состояние FormController, подобное form.$submitted или form.zone.$touched

(https://docs.angularjs.org/guide/forms)

  • 0
    Не работает помещение форм в таблицу.
  • 0
    Вы получаете ошибку? У тебя есть plunkr?
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню