Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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>

如您所见,第二个选择被禁用,直到用户从第一个选择中选择一个选项.因此,如果用户从第一个选择中选择一个选项,则第二个选择变为活动状态.

现在我想将所需属性添加到第二个选择.但如果我这样做,第二个选择总是被禁用.

这种行为不是很奇怪吗?

这是Plunker(感谢Stefan Svrkota).

解决方法

[disabled]对布尔表达式起作用,如果表达式返回/计算结果为true,则禁用它.在您的情况下,您已使用数字值绑定disabled属性.什么都没有评价

大佬总结

以上是大佬教程为你收集整理的disabled属性不适用于select标记上的必需属性全部内容,希望文章能够帮你解决disabled属性不适用于select标记上的必需属性所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。