2016-03-03 32 views
1

我已經構建了一個指令來顯示Angular中表單字段的驗證消息。粗略地,它看起來像這樣:如何綁定到AngularJS的表單屬性?

<form name="someForm"> 
    <div> 
     <input name="someField" type="text" ng-required="true" /> 
     <show-messages form-property="someForm.someField"> 
     </show-messages> 
    </div> 
</form> 

我試圖構造字段名稱時出現問題。

<form name="someForm"> 
    <div ng-repeat="item in items"> 
     <input name="{{ 'someField' + item.id}}" type="text" ng-required="true" /> 
     <show-messages form-property="????"> 
     </show-messages> 
    </div> 
</form> 

我試圖結合語句的每一種組合,我可以想到的,包括:
「someForm [someField + item.id]」
「someForm [{{ 'someField' + item.id}}]」
「{{ 'someForm.someField' + item.id}}」 ...

所有這些結果中出現解析錯誤的一般看起來像:

[$解析:語法]語法錯誤:令牌'{'表達式的列...中的無效鍵[som eForm [{{someField + $ index}}]] ....

希望這是我的一個小錯誤,有人可以將我指向正確的語法?

在此先感謝。

回答

0

你應該有'(單引號)代替硬編碼的字段名來代表它作爲字符串&然後用item.idsomeForm['someField' + item.id]

<show-messages form-property="someForm['someField' + item.id]"></show-messages> 

通過上面的事情做起來會從someForm對象獲取someField1字段值連接它。

相關問題