Fatal编程技术网
  • angularjs/
  • Angularjs 角度教程步骤4：：指定默认值以选择问题

Angularjs 角度教程步骤4：：指定默认值以选择问题

angularjs

Angularjs 角度教程步骤4：：指定默认值以选择问题,angularjs,Angularjs,我正在学习AngularJs教程。在步骤4中，我创建了一个JavaScript对象来测试，而不是硬编码的Select标记 这是我添加到controller.js的javascript代码 $scope.sortOptions = [{ "optionValue": "name", "desc": "Alphabetical" }, { "optionValue": "age", "desc": "Newest" }

我正在学习AngularJs教程。在步骤4中，我创建了一个JavaScript对象来测试，而不是硬编码的Select标记

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

 $scope.sortOptions = [{
        "optionValue": "name",
        "desc": "Alphabetical"
    }, {
        "optionValue": "age",
        "desc": "Newest"
    }];
现在$scope.orderProp=“age”不起作用。（假定为select设置默认值）。我想知道这里有什么问题。

使用
上的
ng options
属性创建
条目，如下所示：

<select ng-model="orderProp" 
        ng-options="option.optionValue as option.desc for option in sortOptions">                        
</select>
排序选项中选项的
option.optionValue作为option.desc对应于：


    

  • 迭代
    排序选项
    数组，并将每个项分配给
    选项
    变量
    • 

  • 将每个
    的标签设置为
    选项。desc
    • 

  • 将每个
    的值设置为
    选项。选项值
    • 


有关这方面的更多信息，请点击此处：


jsIDLE:
使用
上的
ng options
属性创建
条目，如下所示：


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






排序选项中选项的
option.optionValue作为option.desc对应于：


    

  • 迭代
    排序选项
    数组，并将每个项分配给
    选项
    变量
    • 

  • 将每个
    的标签设置为
    选项。desc
    • 

  • 将每个
    的值设置为
    选项。选项值
    • 


有关这方面的更多信息，请点击此处：

jsFiddle：