Angular 当mat toogle按钮为“是”时，我需要在输入下方显示警告消息？

当用户在mat toggle按钮中选择YES时，我需要在input标签下方显示一条消息

如果需要认证，则为“是” 必须输入认证版本 完成认证将是必填项

<div class="row">
            <div class="col">
                <div class="label-icon "><label class="required"><b>Certification Required</b></label>
                    <!--<span><i class="material-icons info-icon">info_outline</i></span>-->
                </div>
                <div>
                    <mat-button-toggle-group  name="certRqrd" #certificationReq="ngModel" #group="matButtonToggleGroup"
                        [(ngModel)]="modalData.certificationReq" (change)="certRqrChange()" id="certificationReq" 
                        [ngClass]="{ 'is-invalid': ModalForm.submitted && certificationReq.invalid }">
                        <mat-button-toggle [value]="true"  [disableRipple]="true" >Yes</mat-button-toggle>
                        <mat-button-toggle [value]="false" [disableRipple]="true" >No</mat-button-toggle>
                    </mat-button-toggle-group>
                    <div *ngIf="ModalForm.submitted && certificationReq.invalid" class="invalid-feedback">
                        <div *ngIf="ModalForm.submitted && certificationReq.errors?.required">This field is
                            required
                        </div>
                        </div>
                </div>
             </div>
            <div class="col">
               <div class="label-icon"> <label> <b>Certification Version </b></label> </div>
                <input type="text" name="certVer" [(ngModel)]="modalData.certVer" placeholder="Certification Version" [required]="modalData.certificationReq">
             </div>

               <div class="col">
                   <div>
                        <label class="label-icon"><b>Certification Fulfilled</b></label>
                    </div>
                    <div>
                        <mat-button-toggle-group name="certRqrdd"  #group="matButtonToggleGroup"
                            [(ngModel)]="modalData.certFulFld">
                            <mat-button-toggle [value]="true" >Yes</mat-button-toggle>
                            <mat-button-toggle [value]="false" >No</mat-button-toggle>
                        </mat-button-toggle-group>
                    </div>
                </div>
            </div>

需要认证
对
不
这个领域是
必修的
认证版本
完成认证
对
不

您可以为此添加

*ngIf

条件

<ng-container *ngIf="modalData.certFulFld">
    <div> Message </div>
<ng-container>

消息

您能提供stackblitz演示吗？您还可以使用

modalData.certFulFld

检查用户是否已选中切换或未选中，并根据显示的错误消息进行检查。当需要认证为“是”时，我需要在输入下方显示警告消息。消息必须是“此字段需要输入”这样的，您是否尝试过发布答案？是的，但如果我写入if条件，它将从UI中消失。下面是我使用的方法的ts代码。certRqrChange（）{console.log（'this.modalData.certificationReq'，this.modalData.certificationReq==false）{this.modalData.certVer=“None”；this.modalData.certFulFld=true；}其他{this.modalData.certVer=''；this.modalData.certFulFld=''；}}好的，然后在stacblitz中提供您的代码，如果我将certificationversion更改为yes@rohitsiriga你能提供stackblitz的演示吗？