{{expression}}을 (를) 사용하여 동적으로 ng-model을 만들 수 없습니까?

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 구문입니다. question.label으로 정의 된 formQuickView의 속성에 액세스하려고합니다.

업데이트는 어떻게 든 나는 ng-model 표현을 주요 포인트를 놓쳤다. 기본적으로 당신은 똑같은 일을합니다. 당신은 두 가지 선택 (기술적으로 하나)이 있습니다

• 이 범위에 개체를 추가를 questions은 다음 questions[question.label]를 사용 말한다.
• 양식이있는 경우 이름을 지정하면 개체가 자동으로 추가됩니다. 예 : <form name="questions" ....이고 상기와 동일하다.

Answer 2

ng-model{{}}과 같이 작동하지 않으므로 전달 된 문자열을 범위 속성을 참조하는 식으로 간주합니다.

코드를 올바르게 이해하고 있는지 잘 모르겠습니다. 귀하의 코드에서 나는 data-ng-model="question.label"가 작동한다고 생각합니다.

label 필드에 지정된 동적 필드를 참조하려는 경우. 그것에 대해

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

DEMO