En mi código, tengo un componente de diálogo de confirmación que uso en diferentes partes de mi aplicación. También tiene un campo de descripción de entrada que es obligatorio para algunos componentes. Para mi componente request-detail , no quiero que el campo de descripción de entrada sea obligatorio. Pero cuando configuro this.confirmDialogRef.componentInstance.hasInput = true; a falso, el campo de entrada desaparece, y no quiero eso. No puedo hacer grandes cambios en el componente de diálogo de confirmación, ya que todavía necesito que el campo de descripción de entrada sea obligatorio para otros componentes de mi aplicación. ¿Qué debo hacer para lograr lo que quiero?

Solicitar detalle TS:

 approveRequest() { this.confirmDialogRef = this._dialog.open(FuseConfirmDialogComponent, { disableClose: false, }); this.confirmDialogRef.componentInstance.confirmMessage = "Do you want to approve"; this.confirmDialogRef.componentInstance.hasInput = true; this.confirmDialogRef.afterClosed().subscribe((result) => { if (result) { this.request.ApprovementInfo.Description = result; this._requestService .approveRequest(this.request) .subscribe(() => { this._requestService.getRequestDetail( this.request.RequestId ); }); } }); }

Confirmar diálogo TS:

 public title: string = "Confirm"; public confirmMessage: string = ""; public hasInput: boolean; public hasInputEn: boolean; public inputDescription: string = ""; public inputDescriptionEn: string = ""; /** * Constructor * * @param {MatDialogRef<FuseConfirmDialogComponent>} dialogRef */ constructor( public dialogRef: MatDialogRef<FuseConfirmDialogComponent>, private _messages: Messages ) {} confirm() { if (this.hasInput) { if ( this.inputDescription == undefined || this.inputDescription.length == 0 ) { this._messages.Show("Please enter a description!", "WARNING", 4); return; } if ( this.hasInputEn && (this.inputDescriptionEn == undefined || this.inputDescriptionEn.length == 0) ) { this._messages.Show( "Please enter a description in english!", "WARNING", 4 ); return; } this.dialogRef.close(this.inputDescription); } else { this.dialogRef.close(this.inputDescription || true); } } }