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

【问题标题】：Change selected <option> of a <select> using ng-click使用 ng-click 更改 <select> 的选定 <option>
【发布时间】：2015-02-05 10:02:52
【问题描述】：

我想知道如何使用 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>

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

谢谢，

【问题讨论】：

您不使用ngOptions的原因是什么？
“可以像上面的例子那样做吗？”。可以，你试过了吗？
是的，我在示例中尝试过，但没有成功
当我点击链接时，它会在选择中添加一个额外的
因为在您的示例中 name 是一个变量。只需将其设为字符串'name'。

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

【解决方案1】：

以下代码似乎可以正常工作。请检查这是否是必需的。我添加的是锚标记中“名称”周围的单引号。

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

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

【讨论】：

【解决方案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'
    }

【讨论】：