{{式}}で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[question.label]を使用し、questionsを言って、自分のスコープにオブジェクトを追加します。次の2つの選択肢（技術的には一つだけ）を持っています。
• フォームを作成したら、名前を付けてオブジェクトを自動的に追加します。例えば。 <form name="questions" ....および上記と同じである。

Answer 2

ng-modelは、スコープのプロパティを参照する式として渡された文字列を考慮{{}}では動作しません。

コードを正しく理解しているかどうかわかりません。あなたのコードでは、私はdata-ng-model="question.label"が動作するはずだと思います。

labelフィールドで指定された動的フィールドを参照する場合。そのため

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

DEMO