javascript - 如何更改单击时的下拉列表标签文本？

Question

我有一个<select>我的 HTML 中通过 ng-model 绑定(bind)的元素范围内的对象。

最初，我希望下拉列表显示“Group...”，但是当用户单击控件时，我希望将“Group...”重命名为“All”，以便永远不会出现“Group...”选中，就像网站使用带有默认文本的文本框一样，该文本框会提示您表单的用途，并在获得用户焦点时消失(例如“搜索...”字段)。

这是我的 JSFiddle 示例，它没有按我的预期工作:http://jsfiddle.net/TXPJZ/561/

我认为ng-onclick="myOptions[0].label = 'All'"会起作用，它应该更改填充下拉列表的数据结构的值，从而更改下拉选项，但事实并非如此。

如何让这项工作如我所愿？

Answer 1

ng-click 是您想要的指令，而不是 ng-onclick。使用它似乎可以按照您想要的方式工作:

http://jsfiddle.net/TXPJZ/562/