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

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

如何使用 Angular @HostListener onLoad 來(lái)獲取視口的當(dāng)前寬度?

如何使用 Angular @HostListener onLoad 來(lái)獲取視口的當(dāng)前寬度?

我目前正在使用 Angular @HostListener來(lái)獲取視口的當(dāng)前寬度,onResize()如下所示:  @HostListener('window:resize', ['$event'])  onResize(event?) {    window.innerWidth <= 400 ? this.width = 200 : this.width = 400;  }但我還需要一種方法來(lái)設(shè)置組件的 this.width onLoad()(在構(gòu)造函數(shù)中或至少在ngOnInit()生命周期中)。我沒(méi)有找到使用 HostListener 執(zhí)行此操作的方法。是否有一個(gè)很好的選擇來(lái)獲取視口的當(dāng)前寬度(在調(diào)整大小和加載時(shí))并對(duì)其做出反應(yīng)?我的目標(biāo)是在移動(dòng)視口大小上設(shè)置Leaflet-PopUp的 maxWidth。
查看完整描述

3 回答

?
RISEBY

TA貢獻(xiàn)1856條經(jīng)驗(yàn) 獲得超5個(gè)贊

如果您使用引導(dǎo)程序,則可以使用引導(dǎo)程序 CSS 媒體查詢,

https://getbootstrap.com/docs/4.0/layout/overview/

否則,您嘗試的方法是正確的方法,而無(wú)需使用外部依賴項(xiàng)。


查看完整回答
反對(duì) 回復(fù) 2022-01-20
?
烙印99

TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超13個(gè)贊

如果您在構(gòu)造函數(shù)中需要它,您可以注入DOCUMENT內(nèi)置令牌來(lái)獲取document. 它具有defaultView當(dāng)前window或null. 如果不是null,你可以得到它的寬度:


constructor(@Inject(DOCUMENT) {defaultView}: Document) {

  this.width = defaultView ? defaultView.innerWidth : 0;

}


查看完整回答
反對(duì) 回復(fù) 2022-01-20
?
HUH函數(shù)

TA貢獻(xiàn)1836條經(jīng)驗(yàn) 獲得超4個(gè)贊

simplay 你可以調(diào)用它 selft 的方法,因?yàn)槟悴皇褂檬录?duì)象所以


  ngOnInit() {

    console.log(this.width);

    this.onResize();

    console.log(this.width);

  }


查看完整回答
反對(duì) 回復(fù) 2022-01-20
  • 3 回答
  • 0 關(guān)注
  • 339 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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