wj-combo-box ディレクティブは、AngularJSアプリケーションに ComboBox コントロールを追加する場合に使用します。 ディレクティブ名とパラメーター名の書式は、キャメルケースではなくダッシュで結んだ小文字にする必要があります。 次に例を示します。

<p>ComboBox コントロールは次のとおりです。</p>
<wj-combo-box
  text="theCountry"
  items-source="countries"
  is-editable="false"
  placeholder="country">
</wj-combo-box>

次の例では、ComboBox コントロールを作成し、コントローラーによって公開された'countries'配列にコントロールをバインドします。 ユーザーが入力すると、 ComboBox が国を検索します。 types. isEditable プロパティはfalseに設定されているので、ユーザーはリストに存在する項目を選択する必要があります。
デモ

wj-combo-box ディレクティブは以下の属性をサポートしています。

ng-model

@ Angularのng-modelディレクティブを使用してコントロールの selectedValue プロパティをバインドします。ng-modelディレクティブを使用してプロパティをバインドすると、データ検証やコントロールの状態のフォームインスタンスへの公開など、ng-modelの持つ利点を活用できます。ng-modelディレクティブによってバインドされるコントロールのプロパティを再定義するには、wj-model-property属性を使用します。

wj-model-property

@ng-model ディレクティブを使用してスコープにバインドされるコントロールプロパティを指定します。

control

= このディレクティブによって作成された ComboBox コントロールへの参照。

display-member-path

@ 項目の視覚表示として使用するプロパティの名前。

is-content-html

@ ドロップダウンリストの項目がプレーンテキストとHTMLのどちらで表示されるかを示す値。

is-dropped-down

@ ドロップダウンが現在表示されているかどうかを示す値。

is-editable

@ユーザーがリストに存在しない値を入力できるかどうかを示す値。

initialized

& このイベントは、バインディングによるコントロールの初期化が完了した後に発生します。

is-initialized

= バインディングによるコントロールの初期化が完了したかどうかを示す値。

item-formatter

= ドロップダウンリストに表示される値のカスタマイズに使用される関数。

items-source

= リストに表示する項目を含む配列または ICollectionView 。

max-drop-down-height

@ ドロップダウンリストの最大の高さ。

max-drop-down-width

@ ドロップダウンリストの最大の幅。

placeholder

@ コントロールが空のときにヒントとして表示される文字列。

is-required

@ null値が禁止されるかどうかを示す値。

show-drop-down-button

@ コントロールにドロップダウンボタンを表示するかどうかを示す値。

selected-index

= ドロップダウンリストで現在選択されている項目のインデックス。

selected-item

= ドロップダウンリストで現在選択されている項目。

selected-value

=selected-value-path を使用して取得された、選択されている項目の値。

selected-value-path

@ selected-item から selected-value を取得するために使用されるプロパティの名前。

text

= コントロールに表示するテキスト。

is-dropped-down-changing

&ComboBox.isDroppedDownChanging イベントハンドラ。

is-dropped-down-changed

&ComboBox.isDroppedDownChanged イベントハンドラ。

selected-index-changed

&ComboBox.selectedIndexChanged イベントハンドラ。

got-focus

&ComboBox.gotFocus イベントハンドラ。

lost-focus

&ComboBox.lostFocus イベントハンドラ。

text-changed

&ComboBox.textChanged イベントハンドラ。