角度教程步骤4 ::分配默认值以选择问题

Question

我将通过AngularJs教程.在步骤4 http://docs.angularjs.org/tutorial/step_04而不是硬编码选择标签我创建了一个JavaScript对象来测试.

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

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

现在$ scope.orderProp ="age"无效.(假设为select设置默认值).我想知道这里有什么问题.

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/