この問題についていくつかお手伝いします。オブジェクト変数をHTMLの変数にバインドします
ng-repeat="question in questions"
という形式のtestForm
というフォームがあります。 question
はQuestionId
です。このフォームでは、検証を適用しようとしています。 questions
が動的であるため、入力フィールドに静的な名前を使用できません。したがって、すべてのフィールドに名前としてquestion.QuestionId
を適用して一意にします。
ここで検証するには、フィールドの名前を確認する必要があります。たとえば、testForm
+フィールド名(QuestionId
)をチェックします。私はいくつかの方法を試しましたが、question.QuestionId
をどのようにしてtestForm
に追加するのか分かりません。
コード:
<div ng-form="testForm" novalidate>
<div ng-repeat="question in questions">
<label class="item item-input" ng-class="{ 'has-error': testForm.question.QuestionId.$error }">
<input class="form-error border"
type="text"
ng-model="childName"
name="{{question.QuestionId}}"
ng-minlength="2"
ng-maxlength="99"
ng-required="true">
</label>
</div>
<div ng-show="testForm.question.QuestionId.$error"> asd </div>
</div>
私は、検証作業をしようとしていますが、ng-show
はtestForm
内の変数question
を探します。 question.QuestionId
を最初にテキストに変換してからtestForm
に配置するにはどうすればよいですか?
試した 'testForm [question.QuestionId]。$ error'? – Zlatko