disabled属性不适用于select标记上的必需属性

Question

我有以下部分的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).

Answer 1

[disabled] 适用于布尔表达式，如果表达式返回/计算结果为 true，则它将被禁用，否则不会。在您的情况下，您已将禁用的属性与数字值绑定。没有评估任何东西