我有以下部分的html模板:
<div class="row"> <div class="medium-3 columns"> <label>Category <select [(ngModel)]="item.cat" name="cat" required> <option *ngFor="let a of categories" [ngValue]="a">{{a.name}}</option> </select> </label> </div> <div class="medium-3 columns"> <label>Categoria <select [(ngModel)]="item.place" name="place" [disabled]="!item.cat"> <option *ngFor="let c of places" [ngValue]="c">{{c.name}}</option> </select> </label> </div> </div>
如您所见,第二个选择被禁用,直到用户从第一个选择中选择一个选项.因此,如果用户从第一个选择中选择一个选项,则第二个选择变为活动状态.
现在我想将所需属性添加到第二个选择.但如果我这样做,第二个选择总是被禁用.
这种行为不是很奇怪吗?
这是Plunker(感谢Stefan Svrkota).
解决方法
[disabled]对布尔表达式起作用,如果表达式返回/计算结果为true,则禁用它.在您的情况下,您已使用数字值绑定disabled属性.什么都没有评价