[英]Using ng-hide or ng-show on select box option
是否可以使用ng-hide指令隐藏选择框选项?
<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>
AngularJS 1.1.5有一个指令ng-if
,可以为您工作。 检查这个小提琴http://jsfiddle.net/cmyworld/bgsVw/
我无法使用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;
}
});
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.