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

Question

这是我正在尝试做的事情的图像。下面是 Plunkr 链接。

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

我在 $scope 中有两个数组变量，用于带有各个下拉菜单的 ng-repeat。

我如何编写这样的事件监听器？如果我在驱动程序 1 中选择非 NONE 值，则应禁用 channel a1。如果Driver 1为None，则需要启用Channel a1。

了解这可以在 jQuery 中完成，通过编写更改处理程序并选择下一个同级并将其禁用。我如何在 Angular 中获得相同的效果？

仅供引用。我使用 $index 变量为每个下拉列表创建不同的 id例如:driver_1、channel_1 等

JSON Dump 调用 $scope 中的辅助方法，该方法打印出 JSON。

代码位于 Plunkr 上。 <强> http://plnkr.co/edit/j0ClqQ3P6LZtkgctFrRB

<小时/>

<小时/>

<强> http://plnkr.co/edit/j0ClqQ3P6LZtkgctFrRB

<小时/>

Answer 1

您可以使用ng-disabled在 channel 中选择:

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

这是一个演示:http://plnkr.co/UMP6XDe9bQa3y3dFHyE1