javascript - 当用户选择 AngularJS 中的单选按钮时激活特定的下拉列表

标签 javascript angularjs angularjs-directive

在解释我的问题之前,下面是我的简单代码

<body>

    <div>   
        <input type="radio" name="salary"/>Per Year
            <select>
                <option value="0">All</option>
                <option value="40000">$40,000.00+</option>
                <option value="50000">$50,000.00+</option>

            </select>
    </div>


    <div>
      <input type="radio" name="salary"/>Per Hour
          <select>
                <option value="0">All</option>
                <option value="20">$20.00+</option>
                <option value="25">$25.00+</option>

            </select>
     </div
</body>

我想要实现的是当用户选择值为“每年”的单选按钮时。我想禁用另一个单选按钮[值为“每小时”]。所以他无法从其他下降中选择值-下拉列表。

我怎样才能在 AngularJS 中做到这一点?他们有任何指令可以解决这个问题吗?

最佳答案

http://jsbin.com/boqexu/1/edit

<body ng-app="app">
  <div ng-controller="firstCtrl">
     <div>
        <input type="radio"  name="salary" ng-model="type" value="year"/>Per Year
            <select ng-model="year.value" ng-disabled="type =='hour'">
                <option value="0">All</option>
                <option value="40000">$40,000.00+</option>
                <option value="50000">$50,000.00+</option>

            </select>
    </div>


    <div>
      <input type="radio" name="salary" ng-model="type" value="hour"/>Per Hour
          <select ng-disabled="type =='year'" ng-model="hour.value">
                <option value="0">All</option>
                <option value="20">$20.00+</option>
                <option value="25">$25.00+</option>

            </select>
    </div>



      </div>
</body>

关于javascript - 当用户选择 AngularJS 中的单选按钮时激活特定的下拉列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25228118/

相关文章:

javascript - 将 Angular 代码与外部代码混合的正确范例

AngularJS 结合使用两个具有共享范围的自定义指令

AngularJS 1.5 错误引导 IBM Mobilefirst

angularjs - Angular - 如何将 ng-model 从 ng-repeat 传递到函数和作用域

javascript - AngularJS : Scope access between directives and transcluded directives

javascript - 获取选项卡的 nsIDOMWindow 进行文本输入

javascript - Angular 将多个文件更改为内联模板

javascript - jQuery 在显示新元素之前隐藏所有可见元素

javascript - 为什么我的 fadeToggle 不适用于红色框?

javascript - 仅隔离被单击的元素