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

问：

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

现在，我甚至想将属性添加到第二个选择中。但是如果我这样做，第二个总是被禁用的。requiredselect

这种行为是不是很奇怪？

这是 Plunker（感谢 Stefan Svrkota）。