Использование углового, Показать выпадающий список только при нажатии кнопки поиска при нажатии на раскрывающееся меню

Question

В моем требовании Первоначально он будет показывать только кнопку поиска, а не раскрывать. Теперь мне нужно показать опцию выбора списка непосредственно, когда пользователь нажимает кнопку «Поиск», а не нажимает на раскрывающийся список. Поэтому я могу получить опции, когда я нажимаю кнопку поиска, и я могу выбрать любой из них, и после того, как выбранный один из вариантов должен показать другое раскрывающееся меню. Вот мой код
<a><button>search</button></a> <select><option value="">A</option><option value="">B</option> <option value="">C</option> <option value="">D</option> </select>

здесь скрипка http://jsfiddle.net/8bhvhq62/3/.

Answer 1

Вы можете использовать директиву ng-disabled здесь, который будет включать и отключать в раскрывающемся списке

Разметка

<a><button ng-click="enabled=true">search</button></a> 

<select ng-model="test" ng-disabled="!enabled"> 
    <option value="">A</option> 
    <option value="">B</option> 
    <option value="">C</option> 
    <option value="">D</option> 
</select> 
<select ng-model="test1" ng-disabled="!enabled"> 
    <option value="">1</option> 
    <option value="">2</option> 
    <option value="">3</option> 
    <option value="">4</option> 
    <option value="">5</option> 
</select> 

Fiddle Here