Angular 4相当于ng-disabled [重复]

Posted

技术标签:

【中文标题】Angular 4相当于ng-disabled [重复]【英文标题】:Angular 4 eqvalent of ng-disabled [duplicate] 【发布时间】:2018-07-30 21:21:05 【问题描述】:

我有两个复选框,当第二个被点击时,一个被禁用。我已经在 angularjs 中完成了它,但不能在 angular 5 项目中做同样的事情?

<li>
    <div class="checkbox-inline">
        <input type="checkbox" class="notWorking" ng-model="body.NotWorkShift" ng-disabled="body.All"/>
        <label translate >Notworkshift</label>
    </div>
</li>
<li>
    <div class=" checkbox-inline ">
        <input type="checkbox" class="allCars"  ng-model="body.All"  />
        <label translate>AllCars</label>
    </div>
</li>

【问题讨论】:

【参考方案1】:

改变

<input type="checkbox" class="notWorking" ng-model="body.NotWorkShift" ng-disabled="body.All"/>

<input type="checkbox" class="notWorking" ng-model="body.NotWorkShift" [disabled]="body.All"/>

【讨论】:

我已经尝试过同样的方法,也尝试过 [(ngModel)] 但我就是无法让它工作 ohhh 它现在工作了我需要将其他输入定义为独立的。像这样,[(ngModel)]="body.name" [ngModelOptions]="standalone: true

以上是关于Angular 4相当于ng-disabled [重复]的主要内容,如果未能解决你的问题,请参考以下文章

ng-disabled 在 chrome 中不起作用。Button 没有在 Angular 中禁用

Angular uislider 禁用

我如何在 iframe 中使用 ng-disable

ng-disabled 不起作用的解决办法

Angular指令

ng-disabled的使用