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

发布时间：2020-12-17 09:13:25 所属栏目：安全来源：网络整理

导读：我在这里看到了Angular选择指令的文档： http://docs.angularjs.org/api/ng.directive:select。我不知道如何设置默认值。这是混乱： select as label for value in array 这里是对象： { "type": "select","name": "Service","value": "Service 3","values"

我在这里看到了Angular选择指令的文档： 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"

我究竟做错了什么？

所以假设对象在你的范围内：

<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","Service 4"] 
  };
}

工作Plunkr：http://plnkr.co/edit/wTRXZYEPrZJRizEltQ2g

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!