angularjs - 如何使用 ng-option 设置 select 元素的默认值

Question

我在这里看到了 Angular select 指令的文档:http://docs.angularjs.org/api/ng.directive:select 。 我不知道如何设置默认值。这很令人困惑:

select as label for value in array

这是对象:

{
    "type": "select", 
    "name": "Service",
    "value": "Service 3", 
    "values": [ "Service 1", "Service 2", "Service 3", "Service 4"] 
}

html(工作):

<select><option ng-repeat="value in prop.values">{{value}}</option></select>

然后我尝试在 select 元素内添加一个 ng-option 属性，以将 prop.value 设置为默认选项(不起作用)。

ng-options="(prop.value) for v in prop.values"

我做错了什么？

Answer 1

因此假设该对象在您的范围内:

<div ng-controller="MyCtrl">
  <select ng-model="prop.value" ng-options="v for v in prop.values">
  </select>
</div>

 

function MyCtrl($scope) {
  $scope.prop = {
    "type": "select", 
    "name": "Service",
    "value": "Service 3", 
    "values": [ "Service 1", "Service 2", "Service 3", "Service 4"] 
  };
}

工作中的Plunkr:http://plnkr.co/edit/wTRXZYEPrZJRizEltQ2g