问题
I have ng-repeat
option:
<option ng-repeat="year in data.dateList.year" value="{{year.id}}" ng-disabled="(year.id < 2015) ? true : false">
You can see ng-disabled="(year.id < 2015) ? true : false"
Why my option is not disabled if year.id
less than 2015?
This is my new code:
<div class="itm" ng-repeat="a in range(num) track by $index">
<option ng-repeat="year in data.dateList.year" ng-disabled="(year.id) < formData.beginYear[$index]">
{{year.value}}
</option>
</div>
回答1:
You need to use ng-options here which has way to disable the options
<select ng-model="year"
ng-options="year.id disable when (year.id < 2015) for year in data.dateList.year">
</select>
Update
For two input field depends each other, you can do it like below. Main problem was while you were doing comparison it was string, as value
attributes convert the value to string
format. You could use ng-options
that does preserves the dataType
of the value & will make more easier while making comparison.
Markup
<select ng-model="yr[$index]"
ng-options="year.id as year.id for year in years">
</select>
<select ng-model="year"
ng-options="year.id disable when (year.id < yr[$index]) for year in years">
</select>
Demo Plunkr
回答2:
ng-disabled
is only meant to be use on input
elements:
<INPUT
ng-disabled="expression">
...
</INPUT>
Angular Docs
回答3:
Use this Code
<option ng-repeat="year in data.dateList.year track by $index" ng-disabled="(year.id) < 2015">{{year.id}}</option>
see this code
来源:https://stackoverflow.com/questions/32570809/how-to-disable-option-in-angular-js