我有一个像这样的简单 Javascript 数组:
var directionArray = [{ id: 'N', text: 'North' },
{ id: 'S', text: 'South' },
{ id: 'E', text: 'East' },
{ id: 'W', text: 'West' }];
我有一个像这样的选择元素:
<select data-ng-model="bbInventory.DIRECTION_OF_TRAVEL"
name="travelDirection"
id="travelDirection"
class="form-control" style="width: 100%"></select>
目标是首先从数组中加载选项,然后在数据可用时选择一个值。
我正在画一个空白,任何意见将不胜感激
最佳答案
一个简单的设置是:
$scope.directionArray = [{ id: 'N', text: 'North' },
{ id: 'S', text: 'South' },
{ id: 'E', text: 'East' },
{ id: 'W', text: 'West' }];
在 html 中:
<select data-ng-model="bbInventory.DIRECTION_OF_TRAVEL"
ng-options="item.id as item.text for item in directionArray"
name="travelDirection"
id="travelDirection"
class="form-control" style="width: 100%"></select>
参见plunker .
关于javascript - 从 Javascript 数组加载下拉列表并使用 angularjs 设置选定值的最简单方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33397148/