2

2つのjsonファイルからオプションをロードする、2つの選択によって作成されるディレクティブを作成しました。

http://plnkr.co/edit/7kK66c?p=preview

ご覧のとおり、正常に動作しますが、このディレクティブをフォームに入れ、その有効性を確認したいと思います。より具体的には、ユーザーが両方の選択からオプションを選択した場合にのみ、このディレクティブを有効にしたいと思います (両方が必須でマークされているように)。入力テキストを含むディレクティブの有効性を設定する方法についてのチュートリアルのフィールドを見つけましたが、選択をチェックするものは何もありません...どうすればそれを行うことができますか?

4

1 に答える 1

0

解決策については、この PlunkerのtemplateDir.htmlをご覧ください。

次のことを行う必要があります。

  • <form></form>属性を持つラッパーを追加しname="..."ます。
  • 各タグng-model="..."に属性を追加します。<select></select>
  • ng-required="true"各<select></select>タグに追加します。

その後、 を使用して、フォームが有効な状態にあるかどうかを確認できますformName.$invalid。

はng-model、これらの入力の値をモデルで指定した変数名にバインドするよう Angular にng-required指示し、 はこれら 2 つの入力を完了する必要があることを Angular に指示します。<form></form>の目的は明らかだと思います。:)

于 2013-05-16T01:46:19.413 に答える