$ index in ng-class for form validation

Question

我想驗證一個角度表單輸入，並給它一個類，如果不是$ valid，問題是，它在ng-repeat內循環一個int數組，並且輸入名稱是基於$指數：

<li ng-repeat="item in selectedItem.data.ax_ch"> 
    <div ng-class="{'has-error':!form.ax_$index.$valid}"> 
    <input type="text" id="ax_{{$index}}" name="ax_{{$index}}" ng-model="item" required=""/> 
    </div> 
</li> 

一切都被在輸出$指數，但納克級：

<li ng-repeat="item in selectedItem.data.ax_ch"> 
    <div ng-class="{'has-error':!form.ax_$index.$valid}"> 
    <input type="text" id="ax_0" name="ax_0" ng-model="item" required=""/> 
    </div> 
</li> 

我希望什麼它是：

<li ng-repeat="item in selectedItem.data.ax_ch"> 
    <div ng-class="{'has-error':!form.ax_0.$valid}"> 
    <input type="text" id="ax_0" name="ax_0" ng-model="item" required=""/> 
    </div> 
</li> 

我已經搜索過，人們也有類似的問題，但目前爲止他們都沒有解決。有沒有角度超級英雄主加高級誰可以幫助我:)？

Answer 1

因爲您正在動態構建form上的財產/密鑰，所以您會在普通的Javascript中執行相同的操作：使用square["bracket"]表示法。

您的標記更改爲：

<li ng-repeat="item in selectedItem.data.ax_ch"> 
    <div ng-class="{'has-error':!form['ax_' + $index].$valid}"> 
    <input type="text" id="ax_{{$index}}" name="ax_{{$index}}" ng-model="item" required=""/> 
    </div> 
</li>