1

Angular JS を使用して選択コントロールを配列にバインドしようとしています。select を含む div で、ng-init を使用して関数を呼び出しています

<div id="refundformcontainer" ng-controller="RefundControl" ng-init="init()">

init 関数は、国のリストを返すサービスを呼び出し、次のように配列に入力します。

PossibleCountries: 
[  
    { 
        countryId: 32
        name: ARGENTINA
    }
    ,
    { 
        countryId: 40
        name: AUSTRIA
    }
    .
    .
    ,
    { 
        countryId: 858
        name: URUGUAY
    }
]

次のような選択コントロールがあります。

<select id="Country" ng-model="Voucher.country" ng-options="v.name for v in PossibleCountries"></select>

選択オプションは、実際には角度を使用してバインドされているテキスト入力の下にあります

<input type="text" id="vouchernumber" data-ng-model="Voucher.voucherNumber"/>

ページが読み込まれると、ドロップダウン リストは空ですが、配列は正しく設定されています。ただし、上記のテキスト ボックスに何かを入力すると、最初の文字が入力されるとドロップダウン リストが更新されます。

配列にデータを入力するとすぐに更新されないのはなぜですか?どうすれば更新できますか?

4

1 に答える 1