我有以下部分的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>
正如您所看到的那样,第二个select
被禁用,直到用户从第一个选择中选择一个选项。因此,如果用户从第一个选择中选择一个选项,则第二个选择将变为活动状态。
现在我想将required
属性添加到第二个选择。但如果我这样做,第二个select
总是被禁用。
这种行为不是很奇怪吗?
这是Plunker(感谢Stefan Svrkota)。
答案 0 :(得分:0)
[disabled]对布尔表达式起作用,否则将禁用它。在您的情况下,您已使用数字值绑定disabled属性。什么都没有评估