我使用ngif指令一次顯示一個(gè)組件。<app-root>   <first-Comp *ngIf="showFirst"></first-Comp>   <second-Comp *ngIf="!showFirst"></second-Comp></app-root>要點(diǎn)是顯示第一變量使用 true 進(jìn)行初始化。第一合成包含高度為100px的元素;第二比較有動(dòng)態(tài)元素在第二個(gè)組件內(nèi)部，我使用內(nèi)部計(jì)算高度document.body.scrollHeightngOnInit問(wèn)題是當(dāng) 變?yōu)榻菚r(shí)，首先呈現(xiàn)第二個(gè)合成，然后刪除 .結(jié)果，我得到的高度是100+而不是0。但是我需要身體的高度，只在組件渲染。showFristfalsefirst-compsecond-comp我錯(cuò)過(guò)了另一件重要的事情，因?yàn)槲艺J(rèn)為這可能不會(huì)妨礙。即第一個(gè)和第二個(gè)組件都與角度自動(dòng)變化檢測(cè)分離以提高性能。我有一個(gè)這樣的基本組件export class BaseComponent {private subscriptions: Subscription[] = [];  constructor(private childViewRef: ChangeDetectorRef) {      this.childViewRef.detach();  }  public updateUI(): void {    try {        this.childViewRef.reattach();        this.childViewRef.detectChanges();        this.childViewRef.detach();    } catch (ex) {        // ignored    }  }  protected addSubscriptions(subs: Subscription) {    this.subscriptions.push(subs);  }  protected unSubscribeSubscriptions() {    this.subscriptions.forEach(item => item.unsubscribe());    this.subscriptions = [];  }}除應(yīng)用程序組件外，所有組件都繼承此基本組件，因此第二組件的代碼如下所示。@Component({  selector: 'second-comp',  templateUrl: './SecondComponent.component.html',  styleUrls: ['./SecondComponent.component.css'],  changeDetection: ChangeDetectionStrategy.OnPush})export class SecondComponent extends BaseComponent implements OnInit, AfterViewInit{   constructor(private ref:ChangeDetectorRef){     super(ref);     }   ngAfterViewInit(): void {     this.updateUi();     this.publishHeight()   }   ngOnInit() {    this.updateUi();    this.publishHeight()   }}有什么不對(duì)嗎，我得到了這種意想不到的行為。