Question

嗨，我是棱角分明的新手。我想知道如何在角度js中取消选中复选框时禁用下拉列表。这是我一直在尝试的代码...

点击我：

<input type="checkbox" ng-model="checked"><br/>
<div>
<div class="check-element animate-hide" ng-show="checked">

 <select ng-model="myDropDown">
      <option value="one">One</option>
      <option value="two">Two</option>
      <option value="three">Three</option>
</select>

Answer 1

通过将checked定义为您的复选框模型，您可以控制是否使用控制器范围内的变量禁用选择（下拉列表）。

<select ng-model="myDropDown" ng-disabled="!checked">

请确保使用“已选中”否定，因为您希望在未选中复选框时将其禁用。

PLNKR example

Answer 2

你可以这样做：

<select ng-model="myDropDown" ng-disabled="!checked">

如果您的复选框ng-disabled为ng-model或true

，请有条件地使用false

Answer 3

所以，这是一个真实的例子。下面我有一个选择框。您可以使用ng-disabled =“EXPRESSION”来动态禁用内容。

  <select ng-model="dropdown" ng-options="item.name for item in dropdown" ng-disabled="!checked">
  <input type="checkbox" ng-model="checked">

只需设置表达式以检查复选框上的true / false变量。当它为假（未选中）时，您的下拉列表将被禁用

如何在角度js中取消选中复选框时禁用下拉列表

3 个答案: