如何使用Angular JS

时间:2016-12-16 13:23:14

标签: angularjs

我有两个<select> <option>喜欢

 <select name="fm" id="fm" class="form-control" >
    <option value="01" >All</option>
    <option value="01">01</option>
    <option value="02">02</option>
    <option value="03">03</option>
</select>

<select name="fq" id="fq" class="form-control" ng-disabled="MonthVal">
   <option value="Q1">Q1</option>
   <option value="Q2">Q2</option>
   <option value="Q3">Q3</option>
   <option value="Q4">Q4</option>
</select>

我想完全禁用fm使用Angular Js 1.5来更改/选择fq中的任何项目,反之亦然

1 个答案:

答案 0 :(得分:1)

您可以通过检查其他选择是否已选择值来禁用ng-model。您可以使用<select name="fm" id="fm" class="form-control" ng-model="fm" ng-disabled="fq"> <!-- // --> </select> <select name="fq" id="fq" class="form-control" ng-model="fq" ng-disabled="fm"> <!-- // --> </select>

来实现
for (var i = 0; i < this.state.list.length; i++) {
  children.push(<Item key={'item_' + i} number={i} onDeleteChild={this.onDeleteChild} completed={this.onCompleted} content={this.state.list[i]}/>);
};