Ng-reapeat kullanarak oluşturulan bir tablo var. Tablodaki her öğe için doğrulama eklemek istiyorum. Sorun her giriş hücresi üzerindeki ve altındaki hücre ile aynı ada sahip. Giriş Adı {{$index}} değeri kullanmaya çalıştı, ama dize HTML olarak doğru görünen harfleri rağmen, şimdi çalışıyor.

İşte şimdi benim kod:

<td>
    <input ng-model="r.QTY" class="span1" name="QTY{{$index}}" ng-pattern="/^[\d]*\.?[\d]*$/" required/>
    <span class="alert-error" ng-show="form.QTY{{$index}}.$error.pattern"><strong>Requires a number.</strong></span>
    <span class="alert-error" ng-show="form.QTY{{$index}}.$error.required"><strong>*Required</strong></span>
</td>

Kaldırma denedim `{{}}' dizininden, ama o da çalışmıyor. Şu an itibariyle, giriş doğrulama özelliği düzgün çalışıyor, ancak hata iletisi görüntülenmez.

Herkes herhangi bir öneriniz var mı?

Düzenleme:Burada daha detaylı olarak bu konuyu kapsayan bir blog makale harika cevaplar ek olarak: http://www.thebhwgroup.com/blog/2014/08/angularjs-html-form-design-part-2/

AngularJS giriş adları doğrulama hataları ortaya çıkarmak için kullanır.

Ne yazık ki, bugün itibariyle mümkün (özel bir yönerge kullanmadan) dinamik bir giriş adı oluşturmak değildir. Nitekim, kontrol input docs adı özniteliği yalnızca bir dize kabul ettiğini görüyoruz.

'Dinamik adı' sorunu . çözmek için ^strong>iç formu (ng-form) oluşturmanız gerekir:

<div ng-repeat="social in formData.socials">
      <ng-form name="urlForm">
            <input type="url" name="socialUrl" ng-model="social.url">
            <span class="alert error" ng-show="urlForm.socialUrl.$error.url">URL error</span>
      </ng-form>
  </div>

Diğer alternatif bunun için özel bir yönerge yazmaktır.

İşte jsFiddle bu ngForm kullanımını gösteren: http://jsfiddle.net/pkozlowski_opensource/XK2ZT/2/