在選擇框選項上使用ng-hide或ng-show

Question

是否可以使用ng-hide指令隱藏選擇框選項？

http://jsfiddle.net/cr4UB/

<div ng-app ng-controller="Controller">
    <select ng-model="myDropDown">
          <option value="one">One</option>
          <option value="two" ng-hide="myDropDown=='one'">Two</option>
          <option value="three">Three</option>
    </select>

    {{myDropDown}}
</div>

Answer 1

AngularJS 1.1.5有一個指令ng-if ，可以為您工作。 檢查這個小提琴http://jsfiddle.net/cmyworld/bgsVw/

Answer 2

我無法使用ng-hide來檢查您的ng-model的值（可能有些競爭條件同時讀取/寫入同一模型），但是，我確實提出了一個可行的示例您追求的功能：

查看標記

<div ng-app ng-controller="Controller">
    <select ng-model="selectedOption" ng-options="o for o in options"></select>

    {{selectedOption}}
</div>

控制者

function Controller ($scope) {
    var initialOptions = ['One', 'Two', 'Three'];

    $scope.options = initialOptions;
    $scope.selectedOption = $scope.options[2]; // pick "Three" by default

    $scope.$watch('selectedOption', function( val ) {
        if( val === 'One' ) {
            $scope.options = ['One', 'Three'];
        } else {
            $scope.options = initialOptions;
        }
    });
}