使用ng-click </select> </option>更改<select>的选定<option>

时间:2015-02-05 10:02:53

标签: angularjs angularjs-ng-click angular-ngmodel

我想知道如何使用ng-click更改<option>的所选<select>

            <select ng-model="orderProp">
                <option value="name">Alphabetical</option>
                <option value="age">Newest</option>
            </select>

            <a href="" ng-click="orderProp=name">order</a>

这可以像上面的例子那样完成吗?

THX,

2 个答案:

答案 0 :(得分:3)

以下代码似乎正在运行。请检查是否需要。我添加的是围绕&#39; name&#39;的单引号。在锚标签。

<select ng-model="orderProp">
    <option value="name">Alphabetical</option>
    <option value="age">Newest</option>
</select>

<a href="" ng-click="orderProp='name'">order</a>

答案 1 :(得分:1)

这可以通过两种方式完成,可以在点击锚点时调用函数,也可以将值'name'设置为字符串。

1)http://jsfiddle.net/HB7LU/10717/在这里你可以直接在ng-click上设置字符串'name'

2)或者,http://jsfiddle.net/HB7LU/10718/

 <a href="" ng-click="fun()">order</a>
 $scope.fun=function(){
         $scope.orderProp= 'name'
    }