如何使用ng-选项设置SELECT元素的默认值

如何使用ng-选项设置SELECT元素的默认值

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

为数组中的值选择为标签

这是一个对象:

{
    "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选项属性来设置prop.value作为默认选项(不起作用)。

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

我做错什么了?


料青山看我应如是
浏览 1297回答 3
3回答

开心每一天1111

这个选择角文档*没有明确回答这个问题,但确实存在。如果你看看script.js,你会看到:function&nbsp;MyCntrl($scope)&nbsp;{ &nbsp;&nbsp;$scope.colors&nbsp;=&nbsp;[ &nbsp;&nbsp;&nbsp;&nbsp;{name:'black',&nbsp;shade:'dark'}, &nbsp;&nbsp;&nbsp;&nbsp;{name:'white',&nbsp;shade:'light'}, &nbsp;&nbsp;&nbsp;&nbsp;{name:'red',&nbsp;shade:'dark'}, &nbsp;&nbsp;&nbsp;&nbsp;{name:'blue',&nbsp;shade:'dark'}, &nbsp;&nbsp;&nbsp;&nbsp;{name:'yellow',&nbsp;shade:'light'} &nbsp;&nbsp;]; &nbsp;&nbsp;$scope.color&nbsp;=&nbsp;$scope.colors[2];&nbsp;//&nbsp;Default&nbsp;the&nbsp;color&nbsp;to&nbsp;red}这是html:<select&nbsp;ng-model="color"&nbsp;ng-options="c.name&nbsp;for&nbsp;c&nbsp;in&nbsp;colors"></select>这似乎是在<select>带着ng-options..此外,如果您有不同的标签/值,它也会工作。*这是从1.2.7角开始的
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

AngularJS