Как изменить текст метки выпадающего списка по щелчку?

#javascript #angularjs #drop-down-menu

#javascript #angularjs #выпадающее меню

Вопрос:

У меня есть <select> элемент в моем HTML, который привязан ng-model к объекту в области видимости.

Изначально я хочу, чтобы выпадающий список читался как «Группа …», но когда пользователь нажимает на элемент управления, я хочу, чтобы «Группа …» была переименована в «Все», чтобы «Группа …» никогда не могла быть выбрана, в том же смысле, что сайты используют текстовые поля с текстом по умолчанию, который дает вам подсказкудля чего предназначена форма и исчезает, когда она попадает в фокус пользователя (например, поле «Поиск …»).

Вот мой пример JSFiddle, который работает не так, как я ожидал: http://jsfiddle.net/TXPJZ/561 /

Я подумал, что ng-onclick="myOptions[0].label = 'All'" это сработает, это должно изменить значение структуры данных, которая заполняет выпадающий список, и, таким образом, изменить параметры выпадающего списка, но это не так.

Как мне заставить это работать так, как я хочу?

Ответ №1:

ng-click это директива, которую вы хотите, а не ng-onclick. Используя это, кажется, что это работает так, как вы хотите:

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