如何禁用角JS选项？ [英] How to disable option in Angular JS?

问题描述

我 NG-重复选项：

 ＆LT;选项NG重复=今年data.dateList.yearVALUE ={{year.id}}NG-禁用=（year.id＆LT; 2015年）真？假＆GT;
 

您可以看到 NG-禁用=（year.id＆LT; 2015年）真的？假的

为什么我的选项没有被禁用，如果 year.id 低于2015年？

这是我的新code：

 ＆LT; D​​IV CLASS =ITMNG重复=一个范围内（NUM）由$指数跟踪＆GT;
   ＆LT;选项NG重复=今年data.dateList.yearNG-禁用=（year.id）LT; formData.beginYear [$指数]＆GT;
      {{year.value}}
   ＆LT; /选项＆GT;
＆LT; / DIV＆GT;
 

解决方案

您需要在这里用NG选项有办法禁用选项

 ＆LT;选择NG模型=年
  NG-选项=year.id禁用时（year.id＆LT; 2015年），为今年data.dateList.year＆GT;
＆LT; /选择＆GT;
 

更新

有关两个输入场依赖对方，你可以像下面。主要的问题是当你在做比较，这是字符串，如值属性值转换为字符串格式。你可以使用 NG-选项，做preserves值和放大器的的dataType ;将同时使更多的比较容易。

标记

 ＆LT;选择NG模型=年[$指数]
   NG-选项=year.id在几年year.id的一年＆GT;
＆LT; /选择＆GT;＆LT;选择NG模型=年
   NG-选项=year.id禁用时（year.id＆LT;年[$指数]）为一年年＆GT;
＆LT; /选择＆GT;
 

演示Plunkr

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>

解决方案

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

这篇关于如何禁用角JS选项？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！