我有條形碼組件，使用時它應該以正確的寬度和高度（容器寬度和高度）顯示條形碼掃描儀。這些值是正確初始化掃描儀所必需的。我想使用有角度的 ElementReference 來獲取 clientHeight 和 clientWidth。像這樣：@ViewChild('scannercontainer') scannerContainer: ElementRef;ngAfterViewInit() {    console.log('Container clientHeight: ', this.scannerContainer.nativeElement.clientHeight);    console.log('Container clientWidth: ', this.scannerContainer.nativeElement.clientWidth);}html:<div class="viewport-wrapper" #scannercontainer>    <div [hidden]="!scannerInitialized" class="viewport" #scanner></div></div>SCSS：$card-padding: 20px;$card-border-radius: 6px;$card-background-color: #ffffff;:host {    display: block;    width: 100%;    height: 250px;}::ng-deep .viewport-wrapper {    display:block;    width: 100%;    height: 250px; // height: 100%;    border-bottom-left-radius: $card-border-radius;    border-bottom-right-radius: $card-border-radius;    overflow: hidden;    position: relative;    .viewport {        display:block;        canvas {            position:absolute;            top: 0;            left: 0;        }    }}當我檢查控制臺日志時，clientHeight 和 clientWidth 始終為零，所以我嘗試使用 setTimeout(); 添加超時 方法。這有效，但前提是我等了 3 秒。零是行不通的。還有其他我可以使用的解決方案嗎？我嘗試將條形碼組件源直接放入我計劃使用它的頁面中。這工作正常，但我真的很好奇為什么這不起作用。