Angularjs selectイベントハンドラ

Question

私は、このイベントハンドラでプラグインできるロジックに基づいてselect要素のドロップダウンリストをレンダリングできないようにするイベントハンドラを探しています。 Angularjsでselectやmd-selectのためにこれを行う方法はありますか？

Answer 1

md-selectを探しているものにすることはできませんか？ - CodePen

マークアップ

<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; 
    } 
});