ng-selected とともにオプションに ng-repeat を設定しましたが、オプションが選択されていません。選択から ng-model を削除すると、すべてが機能するようになります。
HTML コード:
<select ng-model="formData.value">
<option value="{{item.value}}" ng-selected="{{((item.value).indexOf(formData.value) != -1 ? true:'') == formData.value}}" ng-repeat="item in levels">{{ item.name}}</option>
</select>
コントローラーコード:
$scope.levels= [
{"value": ["1", "2", "3"],"name": "High"},
{"value": ["4", "5", "6"],"name": "Medium"},
{"value": ["7", "8", "9"],"name": "Low"}
]
私がここでやっていることは、formData.value が 1 から 3 の間の場合、ドロップダウン フィールドに High を表示したいということです...
ng-model 名がなくても問題なく動作しますが、ユーザーから値を取得して配列に保存したいと考えています。そのシナリオでは、選択したフィールドがドロップダウンに表示されません...