在我的角度應用程式中，我在 textarea 和彈出視窗中，當我們在 textarea 中輸入任何資料時，將顯示在某個 div 中。
.component.html
<div class="form-group popover-form" >
<label>Enter Custom Trigger Habit: When I</label>
<textarea class="form-control" [(ngModel)]="Trigger" name="Trigger"></textarea>
</div>
<!-- the entered data of textarea will display in below code-->
<div class="col-sm-5 " >
<div class="content-text" >
<p>{{Trigger}}</p>
</div>
</div>
<button type="button"><i class="icon icon-close" type="button" aria-hidden="true"></i></button>
我有關閉按鈕，我的要求是當我們點擊關閉按鈕時關閉 div。
任何人都可以幫助我。
uj5u.com熱心網友回復：
您可以創建一個布爾標志來檢查何時顯示或隱藏 div，然后在您的按鈕上創建一個單擊事件處理程式以將該showDiv布林值設定為 false 以隱藏該 div；
例如：
showDiv: boolean = true;
closeDiv() : void {
this.showDiv = false;
}
<div class="col-sm-5 " *ngIf="showDiv">
<div class="content-text" >
<p>{{Trigger}}</p>
</div>
</div>
<button (click)="closeDiv()" type="button">
<i class="icon icon-close" type="button" aria-hidden="true"></i>
</button>
uj5u.com熱心網友回復：
您可以使用 *ngIf
模板：
<div *ngIf="display">Test Data</div>
<input type="button" value="click" (click)="update"/>
零件：
display = true;
update(){
this.display = !this.display;
}
uj5u.com熱心網友回復：
你可以通過像這樣使用 JavaScript 來做到這一點。單擊它會顯示無。這只是一個例子
function show() {
var x = document.getElementById("tabi")
x.style.display = "none"
}<div class="form-group popover-form" >
<label>Enter Custom Trigger Habit: When I</label>
<textarea class="form-control" [(ngModel)]="Trigger" name="Trigger"></textarea>
</div>
<!-- the entered data of textarea will display in below code-->
<div class="col-sm-5 " id='tabi' >
<div class="content-text" >
<p>{{Trigger}}</p>
</div>
</div>
<button type="button" onclick="show()"><i class="icon icon-close" type="button" aria-hidden="true">Button</i></button>轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/427223.html
標籤：javascript html 有角度的 打字稿