最简单的方法，并设定选择的值使用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。

Answer 2

使用ng-options指令

<select ng-model="bbInventory.DIRECTION_OF_TRAVEL" ng-options="option.text for option in directionArray track by option.id"></select> 

然后选择一个选项，使用

$scope.bbInventory.DIRECTION_OF_TRAVEL = $scope.directionArray[whatyouwantindex];