我有一個角度應用程式，因為我使用角度創建了彈出框。
.component.html
<div class="form-group popover-form">
<textarea class="form-control" id="power" maxlength="1500" [(ngModel)]="name" name="name"></textarea>
</div>
<div>
<button class="btn btn-default cancel-btn">CANCEL</button>
<button type="button" (click)="show = true" >SAVE</button>
</div>
</div>
<p *ngIf="show">{{name}}</p>
因此，當我在 textarea 中添加一些內容并單擊保存按鈕時，我必須關閉彈出視窗，并且當我們單擊取消時，它也應該關閉彈出視窗。
任何人都可以提供同樣的幫助。
uj5u.com熱心網友回復：
假設show布爾標志與彈出框的可見狀態是分開的，然后將一個新的布爾標志添加到您的組件 ts 中，它將用于管理彈出框的可見狀態并使用您的取消/保存控制元件切換它：
組件 ts：
showPopover = false
save() {
this.show = true;
this.showPopover = false;
}
組件html：
<div class="form-group popover-form" *ngIf="showPopover">
<textarea class="form-control" id="power" maxlength="1500" [(ngModel)]="name" name="name"></textarea>
</div>
<div>
<button class="btn btn-default cancel-btn" (click)="showPopover = false">CANCEL</button>
<button type="button" (click)="save()">SAVE</button>
</div>
<p *ngIf="show">{{name}}</p>
uj5u.com熱心網友回復：
你能分享組件打字稿代碼嗎？這真的會幫助我們更自信地回答。
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/426571.html
標籤：javascript html 有角度的 打字稿 弹出框