第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何以角度從父組件觸發(fā) ngbDropdown 方法?

如何以角度從父組件觸發(fā) ngbDropdown 方法?

我NgbDropdown在我的角度應(yīng)用程序中使用。我有兩個組件CompParent和CompChild。compChild保存下拉列表的 HTML,它包含在CompParent中。當(dāng)滾動事件發(fā)生時,我正在嘗試關(guān)閉頁面中所有打開的下拉菜單scrollable-div。comp-child.component.html:<div ngbDropdown container="body">  <button class="btn btn-outline-primary btn-sm" ngbDropdownToggle>Actions</button>  <div ngbDropdownMenu>    <button ngbDropdownItem>Edit</button>    <button ngbDropdownItem>Duplicate</button>    <button ngbDropdownItem>Move</button>    <div class="dropdown-divider"></div>    <button ngbDropdownItem>Delete</button>  </div></div>并且CompChild包含在CompParent 中,如下所示:comp-parent.component.html<div class="scrollable-div" (scroll)="closeAllDropdowns($event)">  <div class="dropdown-container" *ngFor="let item of items">    <app-comp-child></app-comp-child>  </div></div>到目前為止我嘗試過的是:在compParent TS 中:export class compParentComponent{  @ViewChild(NgbDropdown) private readonly dropdown: NgbDropdown;  @HostListener('scroll', ['$event'])  closeAllDropdowns(event) {    this.dropdown.close();  }}但是this.dropdown返回undefined并說 close 方法不是與之關(guān)聯(lián)的函數(shù)。我還嘗試使用 templateRef 選擇所有下拉菜單,但這也沒有用。
查看完整描述

1 回答

?
鳳凰求蠱

TA貢獻1825條經(jīng)驗 獲得超4個贊

@ViewChild并且@ViewChildren只能從組件本身查詢元素,而不能從子組件中查詢??赡艿倪x擇是在子項中公開引用下拉列表,在父項中引用子項。


家長:


export class CompParentComponent{

  @ViewChildren(CompChild) compChild!: QueryList<CompChild>;


  @HostListener('scroll', ['$event'])

  closeAllDropdowns(event) {

    this.compChild.forEach(dropdown => dropdown.close());

  }


}

孩子:


export class CompChildComponent{


  @ViewChild(NgbDropdown) public dropdown: NgbDropdown;


}


查看完整回答
反對 回復(fù) 2022-12-09
  • 1 回答
  • 0 關(guān)注
  • 81 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號