2014-01-11 2 views
5

저는 일련의 질문을 기반으로 양식을 만들어야하는 각도 프로젝트에서 작업하고 있습니다. 배열의 각 질문에 대해 ng-model을 만들고 싶습니다.{{expression}}을 (를) 사용하여 동적으로 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>     

누군가 나를 도와 줄 수 있습니까?
미리 감사합니다.

답변

7
formQuickView[question.label].$error.required 

이것은 일반적인 JavaScript 구문입니다. question.label으로 정의 된 formQuickView의 속성에 액세스하려고합니다.

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

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

감사합니다,하지만 내 주요 문제는 겨 모델입니다 : 당신의 NG-모델이보십시오. {{expression}}과 같은 모델을 만들 수 있습니까? – loveNZ

+0

@loveNZ 죄송합니다. 질문을 업데이트했습니다. – zeroflagL

4

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

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

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

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

DEMO

+0

고마워요.이 ng-model = "question.value"와 같은 작업을했습니다. 그 다음에 모든 내 질문 개체의 값 속성을 통해 루프를 저장하여 값을 구합니다. – loveNZ

+0

@loveNZ :'data-ng-model = "question.label"'에 대한 나의 진술은 작동합니까? –