入力フォームを作ってみました。オプションで選択しました。オプションの 1 つを選択した後、選択したオプションに応じて、他の 3 つのフィールドに入力する必要があります。
例えば:
ユーザーが Option1 3 を選択した場合、他のフィールドにはテキスト 1_1、1_2、1_3 が含まれている必要があります。ユーザーが Option2 3 を選択した場合、他のフィールドにはテキスト 2_1、2_2、2_3 が含まれている必要があります。
これを行う最善の方法は何ですか?
私はこの方法を見つけました:
スコープ内の変数の作成
$scope.select_options = [
{"name": "Option1",
"field1": "1_1",
"field2": "1_2",
"field3": "1_3"},
{"name": "Option2",
"field1": "2_1",
"field2": "2_2",
"field3": "2_3"},
{"name": "Option3",
"field1": "3_1",
"field2": "3_2",
"field3": "3_3"}
];
これはhtmlコードです
<select ng-model="opt_select"
ng-options="option as option.name for option in select_options"
ng-init="opt_select = opt_select || select_options[0]" id="well"
name="company" class="input"></select>
<input id="field1" name="field1" placeholder="" class="input" type="text"
ng-model="opt_select.field1">
<input id="field3" name="field2" placeholder="" class="input" type="text"
ng-model="opt_select.field2">
<input id="field3" name="field3" placeholder="" class="input" type="text"
ng-model="opt_select.field3">
それが正しいか?