如何根据条件在我的单选群组中禁用angular中的单选按钮
如何根据条件在我的单选群组中禁用angular中的单选按钮
提问于 2021-09-29 18:47:30
我的单选按钮组有3个单选按钮，但我只想禁用某些按钮，而不是所有按钮，在角度上如何处理，比如只禁用选中的按钮，而不是所有按钮。
例如，我只想禁用mat单选按钮组中的mat-单选按钮销售，该按钮不应该是可点击的。
有没有人知道如何在angular中实现这一点？谢谢。
<mat-radio-group [disabled]="isEditing && dealData !== null" (change)="onChangeDispositionType($event)" [(ngModel)]="dealDispositionFormFields.dealDispositionType">
<div class="deal-form-header-labels">What type of idle disposition deal would you like to submit? (*)</div>
<div class="flex" style="justify-content: space-between;">
<div class="deal-form-btn-group w-30per" [ngClass]="{'v-bg-color':dealDispositionFormFields.dealDispositionType === 'Buyout'}">
<div class="deal-form-btn-group-radio">
<mat-radio-button
*ngIf="dealDispositionFormFields.dealDispositionType === 'Buyout' else Buyout"
color="accent"
[value]="'Buyout'">
<span class="alter-text-color">Buyout</span>
</mat-radio-button>
<ng-template #Buyout>
<mat-radio-button
[value]="'Buyout'">
Buyout
</mat-radio-button>
</ng-template>
</div>
</div>
<div class="deal-form-btn-group w-30per" [ngClass]="{'v-bg-color':dealDispositionFormFields.dealDispositionType === 'Sale'}">
<div class="deal-form-btn-group-radio">
<mat-radio-button
disabled
*ngIf="dealDispositionFormFields.dealDispositionType === 'Sale' else Sale"
color="accent"
[value]="'Sale'">
<span class="alter-text-color">Sale</span>
</mat-radio-button>
<ng-template #Sale>
<mat-radio-button
[value]="'Sale'">
Sale
</mat-radio-button>
</ng-template>
</div>
</div>
<div class="deal-form-btn-group w-30per" [ngClass]="{'v-bg-color':dealDispositionFormFields.dealDispositionType === 'Sublease'}">
<div class="deal-form-btn-group-radio">
<mat-radio-button
*ngIf="dealDispositionFormFields.dealDispositionType === 'Sublease' else Sublease"
color="accent"
[value]="'Sublease'">
<span class="alter-text-color">Sublease</span>
</mat-radio-button>
<ng-template #Sublease>
<mat-radio-button
[value]="'Sublease'">
Sublease
</mat-radio-button>
</ng-template>
</div>
</div>
</div>
</mat-radio-group>回答 1
Stack Overflow用户
发布于 2021-09-29 21:04:17
你可以这样做：
<mat-radio-button
[disabled]="dealDispositionFormFields.dealDispositionType === 'Sale'"
color="accent"
[value]="'Sale'"
>
<span class="alter-text-color">Sale</span>
</mat-radio-button>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/69381906
复制相关文章
相似问题
腾讯云开发者
