如何更改 Angular 对象的 [disabled] 属性

Question

我想更改“app-box-ceding-company-definition”对象的[disabled] 属性；在 ts 中属性设置为 true 但我想根据条件的结果更改它的值。

条件：selectrow.status == "01" => 禁用 = true

selectrow.status == "02" => 禁用 = false

此处声明：

<div>
<div style="float:left"><span><dx-text-box id="text_box" [ngStyle]="{'color': disabled ? 'darkgray': '' }" [disabled]="true" [(value)]="textValue" class="TextBox_width_box" style="opacity:0.9"></dx-text-box></span></div>
<div style="float:left"><button class="buttonstyle btnChoose" id="box-ceding-company-definition.btnChoose" [ngStyle]="{'color': disabled ? 'darkgray': '' }" (click)="clearValues()">X</button></div>
<div style="float:left"><button class="buttonstyle btnClear" id="box-ceding-company-definition.btnClear" [ngStyle]="{'color': disabled ? 'darkgray': '' }" (click)="showPopup()">...</button></div>

在此处我要插入条件 (disabled="true"):

<div class="right_half">
        <div class="divRowCellLabel" *ngIf="selectedAgreement.cateSector != 'AC'"><label>{{'agreement_tab_definition_lbl_ceding_company'  | translate}}</label></div>
        <div class="divRowCellLabel" *ngIf="selectedAgreement.cateSector == 'AC'"><label>{{'agreement_tab_definition_lbl_ceding_company_sotto'  | translate}}</label></div>
        <div class="divRowCellFieldLarger"> <app-box-ceding-company-definition id="definition-tab-agreement.defiCedingComp" [textValue]="selectedAgreement.defiCedingComp" class="largerFields" (notifyPopup)="receiveEmitPopup($event)" disabled="true" (emitFullValue)="recieveCedingCompany($event)"></app-box-ceding-company-definition>
        </div>
    </div>

Answer 1

你设置了一个固定的 [disabled]="true" 。尝试将 true 替换为您的条件。

[disabled]="selectrow.status == '01'" // if true disable ON

如何更改 Angular 对象的 [disabled] 属性

How to change the [disabled] property of an Angular object

html

asp.net

angular