Angular有条件地启用/禁用HTML选择

时间:2014-03-30 20:58:01

标签: javascript html angularjs

这是我想要做的图片。下面是Plunkr链接。

我有一个数字步进器和一些选择下拉列表。下拉列表的数量(ng-model)与步进器的数值绑定。

我在$ scope中有两个数组变量,用于带有单个下拉列表的ng-repeat。

我如何编写事件监听器?如果我在驱动程序1中选择了非NONE值,则应禁用通道a1。如果驱动程序1为无,则需要启用通道a1。

理解这可以在jQuery中完成,通过编写一个更改处理程序并选择下一个兄弟并禁用它。我如何在Angular中获得相同的内容?

FYI。我使用$ index变量为每个下拉列表创建不同的ID 例如:driver_1,channel_1等

JSON Dump在$ scope中调用一个帮助器方法,它打印出JSON。

代码在Plunkr上。的 http://plnkr.co/edit/j0ClqQ3P6LZtkgctFrRB


enter image description here


http://plnkr.co/edit/j0ClqQ3P6LZtkgctFrRB


1 个答案:

答案 0 :(得分:3)

您可以在频道选择中使用ng-disabled

ng-disabled="value['selectedDriver'] != 'None'"

以下是演示:http://plnkr.co/UMP6XDe9bQa3y3dFHyE1