Angularjs select event handler

Question

Я искал обработчик событий, который может помочь мне предотвратить отображение выпадающего списка элемента select на основе логики, которую я могу подключить к этому обработчику событий. Есть ли способ сделать это в Angularjs для select или md-select?

Answer 1

Отключение md-select будет тем, что вы ищете? - CodePen

Markup

<div ng-controller="AppCtrl as vm" ng-cloak="" ng-app="MyApp" layout="column" layout-align="start start"> 
    <md-input-container id="myInputContainer"> 
    <label>Choose</label> 
    <md-select ng-model='choice' ng-disabled="vm.disabled"> 
     <md-option ng-repeat='option in vm.options' value='{{option.value}}'>{{option.label}}</md-option> 
    </md-select> 
    </md-input-container> 
    <md-button class="md-raised md-primary" ng-click="vm.toggle()">Toggle</md-button> 
</div> 

JS

angular.module('MyApp',['ngMaterial', 'ngMessages', 'material.svgAssetsCache', 'ngDialog']) 

.controller('AppCtrl', function() { 
    this.disabled = false; 

    this.options = [ 
    {value: 1, label: "Option 1"}, 
    {value: 2, label: "Option 2"}, 
    {value: 3, label: "Option 3"} 
    ] 

    this.toggle = function() { 
    this.disabled = !this.disabled; 
    } 
});