angularjs - Angular 教程第 4 步 :: 为选择问题分配默认值

Question

我将通过 AngularJs 教程。在第 4 步http://docs.angularjs.org/tutorial/step_04而不是硬编码的 Select 标记中，我创建了一个 JavaScript 对象来进行测试。

这是我添加到 controller.js 的 javascript 代码

 $scope.sortOptions = [{
        "optionValue": "name",
        "desc": "Alphabetical"
    }, {
        "optionValue": "age",
        "desc": "Newest"
    }];

现在 $scope.orderProp = "age" 不起作用。（假设为选择设置默认值）。我想知道这里有什么问题。

Answer 1

使用 上的ng-options属性<select>创建<option>条目，如下所示：

<select ng-model="orderProp" 
        ng-options="option.optionValue as option.desc for option in sortOptions">                        
</select>

option.optionValue as option.desc for option in sortOptions对应于：

• 遍历sortOptions数组并将每个项目分配给一个option变量
• 将每个标签设置<option>为option.desc
• 将每个值设置<option>为option.optionValue

更多关于这里的信息：http ://docs.angularjs.org/api/ng.directive:select

jsFiddle：http: //jsfiddle.net/bmleite/m6Z5Z/2/