Создать ng-модель динамически с помощью {{expression}} не работает?

Question

Я работаю над угловым проектом, где мне нужно создать форму, основанную на множестве вопросов. Я хотел бы создать ng-model для каждого вопроса в массиве.

Итак, я придумал что-то вроде следующего, но он не работает.

<div class="form-group" data-ng-repeat="question in questions"> 
    <label for="{{question.label}}" class="col-md-2 control-label"> 
     {{question.label}}: 
    </label> 
    <div class="col-md-10"> 
     <input type="text" 
       class="form-control" 
       name="{{question.label}}" 
       data-ng-model={{question.label}} 
       required /> 
     <span class="error" 
       data-ng-show="formQuickView.{{question.label}}.$error.required"> 
      Required! 
     </span> 
    </div> 
</div>     

Может ли кто-нибудь помочь мне в этом?
Спасибо за кучи заранее.

Answer 1

formQuickView[question.label].$error.required 

Это обычный синтаксис JavaScript. Вы хотите получить доступ к собственности formQuickView с именем, указанным в question.label.

Update

Как-то я пропустил главное, выражение ng-model. В принципе, вы делаете то же самое здесь. У вас есть два варианта (технически только один):

• Добавить объект в Вашей области, скажем questions, а затем использовать questions[question.label].
• Когда у вас есть форма, укажите имя, и объект добавляется автоматически. Например. <form name="questions" .... и то же, что и выше.

Answer 2

ng-model не работает с {{}}, он рассматривает строку, переданную ему как выражение, ссылающееся на свойство scope.

Я не уверен, правильно ли понимаю ваш код. В вашем коде, я думаю, data-ng-model="question.label" должен работать.

Если вы хотите ссылаться на динамическое поле, указанное в поле label. Попробуйте это с нг-модели:

<input type="text" ng-model="question[question.label]"/> 

DEMO