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

Question

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

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

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

可以像上面的例子那样做吗？

谢谢，

Answer 1

下面的代码似乎有效。请检查这是否是必需的。我添加的是锚标记中 'name' 周围的单引号。

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

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

Answer 2

这可以通过两种方式完成，要么在点击锚点时调用函数，要么只将值 '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'
    }

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

Change selected <option> of a <select> using ng-click

angularjs

angularjs-ng-click

angular-ngmodel