Question

我正在尝试在调整窗口大小时获取子组件的宽度。

我知道如何通过以下方式获取整个应用的宽度：

  @HostListener('window:resize', ['$event']) 
   onResize(event) {
    event.target.innerWidth;
    console.log('Window resize: ' + event.target.innerWidth);
 }

但我不确定如何仅定位子组件并在调整窗口大小时获取其宽度。

<div class = 'panel-2'></div>

有人可以告诉我我缺少什么吗？非常感谢提前！

 <div class = "main">
     <div class = 'left-section'>Left bar</div>
         <div class = 'right-section'>
             <div class = 'panel-1'></div>
             <div class = 'panel-2'></div>
         </div>
</div>

Answer 1

将@Override onClick(View v) { if(flag_landscape) setRequestedOrientation(ActivityInfo .SCREEN_ORIENTATION_LANDSCAPE); else setRequestedOrientation(ActivityInfo .SCREEN_ORIENTATION_PORTRAIT); }添加到您的面板2，然后在您的TS文件中添加#panel2作为该类的属性。

当触发@ViewChild('panel2') panel2;挂钩时，您可以访问ngOnInit，您也可以在HostListener中使用它，这样您就不需要依赖事件的目标了！

如何在角度上获得子组件onResize的宽度？

1 个答案: