使用 *ngIf offsetHeight 时不起作用

Question

如果我在没有*ngIf的元素上使用offsetHeight ，它会给我高度，但是当我尝试将它与*ngIf一起使用时，它会给我错误，该element is null 。 我不知道为什么会这样......感谢您的每一个帮助！

.ts ：

export class CvDesignComponent implements OnInit {
  isUser = true;
  
  constructor(private apiService: ApiService) {}
  
  ngOnInit(): void {
    const element = document.getElementById("element");
    console.log(element.offsetHeight);
  }
}

.html ：

<div id="element" *ngIf="isUser">
  <h2>aaaa</h2>
  <h2>aaaa</h2>
  <h2>aaaa</h2>
</div>

Answer 1

使用 hidden 是因为，没有创建div id="element" 。

<div id="element" [hidden]="isUser">
  <h2>aaaa</h2>
  <h2>aaaa</h2>
  <h2>aaaa</h2>
</div>