0

入力フォームを作ってみました。オプションで選択しました。オプションの 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">

それが正しいか?

4

1 に答える 1