我一直在尝试根据单选按钮选择过滤显示在下拉列表中的选项列表。
<div>
<div ng-controller="sampleCtrl">
<label>
<input type="radio" name="type" ng-value="1" ng-model="selectedType" />A</label>
<label>
<input type="radio" name="type" ng-value="2" ng-model="selectedType" />B</label>
<select ng-model="selectedOption" ng-options="option.id as option.name for option in options | filter:{type:selectedType}">
<option value=""><Select></option>
</select>
<hr/>
<div>Type: {{selectedType}}</div>
<div>Option: {{selectedOption}}</div>
</div>
</div>
function sampleCtrl($scope) {
$scope.selectedType = 1;
$scope.selectedOption = 0;
$scope.options = [{
id: 1,
name: 'bread',
type: 1
}, {
id: 2,
name: 'sugar',
type: 2
}, {
id: 3,
name: 'tea',
type: 1
}, {
id: 4,
name: 'coffee',
type: 2
}, {
id: 5,
name: 'butter',
type: 2
}];
}
这是jsFiddle
我有一个默认的 '' 选项,每次用户更改类型时都应该显示该选项。现在它会根据类型过滤我的选项。但是,当过滤器更改为 .
请帮忙。
谢谢。