已解決430363個問題，去搜搜看，總會有你想問的

如何通過點擊（Angular 5+）制作橫幅顯示？

首頁猿問如何通過點擊（Angular...

如何通過點擊（Angular 5+）制作橫幅顯示？

JavaScript

至尊寶的傳說 2022-01-20 17:14:36

我有一個componentA，我有一個下拉菜單，當用戶單擊鏈接時，它將顯示位于另一個名為ComponentB 的組件中的橫幅。組分A<div class="sendFeedback" (click)="showBanner()"><p>Send Feedback</p></div>ComponentB <--目前這基于 Timer，但我希望它可以在點擊時工作 public showFeedbackBanner(type) { if (type) { this.sendPositive(); } this.showFeedback = true; }

查看完整描述

2 回答

心有法竹

TA貢獻1866條經驗獲得超5個贊

基本上，您必須將 a 添加*ngIf="showFeedback"到組件 B 和(click)="showFeedback = !showFeedback"組件 A 按鈕。

因此，當您單擊按鈕時，將切換 showFeedback 變量（布爾值）。

反對回復 2022-01-20

一只名叫tom的貓

TA貢獻1906條經驗獲得超3個贊

@Component({

selector: 'component-a',

styleUrls: ['./app.component.scss'],

template: `

<component-b [showFeedback]="showFeedback"></component-b>

<p (click)="showFeedback=!showFeedback"> Send Feedback </p>

})

export class ComponentA {

showFeedback:boolean=false;

}

@Component({

selector: 'component-a',

styleUrls: ['./app.component.scss'],

template: `

<div *ngIf="showFeedback">Some Baner Component</div>

})

export class ComponentB {

@Input('showFeedback') showFeedback;

}

由于事件處理程序位于中Component A，Input因此應將 Binding 傳遞Component B給目標元素元素以更改其行為。

[showFeedback]="showFeedback"

@Input('showFeedback') 顯示反饋；

反對回復 2022-01-20

2 回答
0 關注
187 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何通過點擊（Angular 5+）制作橫幅顯示？

如何通過點擊（Angular 5+）制作橫幅顯示？

2 回答

添加回答

如何通過點擊（Angular 5+）制作橫幅顯示？