Angular ng消息显示ng重复表单上的错误 [英] Angular ng messages show errors on ng repeat form

问题描述

我想用ng repeat生成输入，问题是当我有错误时这仅适用于最后一个元素，我如何才能使每个元素适用？

I want to generate inputs with ng repeat, the problem is when i have an error this is only apply on the last element, how can i make this apply per element?

<form name="setPlayersForm">
  <div ng-repeat="player in rp.KillerService.getPlayers() track by $index" class="name-input">
    <input type="text"
           placeholder="Your Name"
           ng-model="player.name"
           required/>
    <a class="fa fa-trash-o" ng-if="player.newPlayer" ng-click="rp.removePlayer(player)"></a>
  </div>
  <ng-messages for="setPlayersForm.$error" ng-if="rp.submitted">
    <ng-message when="required" class="alert-box alert">This field is required</ng-message>
  </ng-messages>
</form>

推荐答案

我不知道我是否理解你的问题但是我使用这种方法来处理ng-repeat中的输入。请考虑以下代码

I don't know if I understood your question but I use this approach to deal with inputs within ng-repeat. Consider the following codes

<form name="sampleForm" novalidate>
    <div ng-repeat="item in items">
        <input type="text" name="name{{$index}}" required ng-model="item.name">
        <div ng-messages="sampleForm['name'+$index].$error">
            <div ng-message="required" class="error">This field is required</div>
        </div>

        <input type="text" name="price{{$index}}" required ng-model="item.price">
        <div ng-messages="sampleForm['price'+$index].$error">
            <div ng-message="required" class="error">This field is required</div>
        </div>
    </div>
</form>

只需按照代码即可。如果有些事情不明确，请在下面评论

Just follow the code. Just comment below if there's somethings not clear

这篇关于Angular ng消息显示ng重复表单上的错误的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！