2016-05-11 5 views
1

Я реализую требуемое ограничение через $error. Я хочу получить доступ к элементу ввода внутри. т.е. {{frm.item.qid.$error.required}}Как получить доступ к динамически добавленному элементу DOM в Angular?

Но так как форма объекта содержит атрибут q1 (значение item.qid), frm.item возвращает null.

Итак, как я могу получить доступ, скажем frm.q1 (значения для item.qid: q1, q2, q3 и т. Д.)?

Вот код:

<li ng-repeat = "item in questions"> 
    <input name = {{item.qid}} type = "radio" ng-value = "item.option1" ng-model="item.selectedOption" required/> 
    <label ng-bind = "item.option1"></label> 
    <input name = {{item.qid}} type = "radio" ng-value = "item.option2" ng-model="item.selectedOption"/> 
    <label ng-bind = "item.option2"></label> 
    <input name = {{item.qid}} type = "radio" ng-value = "item.option3" ng-model="item.selectedOption"/> 
    <label ng-bind = "item.option3"></label> 
    <input name = {{item.qid}} type = "radio" ng-value = "item.option4" ng-model="item.selectedOption"/> 
    <label ng-bind = "item.option4"></label> 
    <label ng-show="">This is manadatory</label> 
</li> 

ответ

-1

Если печать {{}} FRM после вашего ul li в DOM, вы должны увидеть, что внутри.

+0

{"$ error": {"required": [{"$ viewValue": null, "$ modelValue": null, "$ validators": {}, "$ asyncValidators": {}, "$ parsers" : [], "$ форматтеры": [], "$ viewChangeListeners": [], "$ нетронутым": правда, "$ прикоснулся" ложь "$ нетронутые": правда, "$ загрязнен": ложь, "$ valid ": false," $ invalid ": true," $ error ": {" required ": true}, – Aashish

+0

Во-первых, я не знаю, является ли это вашим точным html, но вам не хватает двойных кавычек вокруг' {{item .qid}} ', должен быть' name = "{{item.qid}}" ' –

Смежные вопросы