javascript - 从 Javascript 数组加载下拉列表并使用 angularjs 设置选定值的最简单方法

Question

我有一个像这样的简单 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>

目标是首先从数组中加载选项，然后在数据可用时选择一个值。

我正在画一个空白，任何意见将不胜感激

Answer 1

一个简单的设置是:

$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 .