Question

      <myview [myVariable]=myVariable  *ngIf="myVariable">
      </myview>

我定义了以上组件模板，该模板将myVariable属性绑定到myview组件的myVariable支持。如果myVariable有更改，则应重新加载myview组件（构造函数或ngOnInit）。它不在我的环境中，因此如果这是预期的行为，则会感到困惑。该组件仅被实例化一次，在父组件中对myVariable进行任何更改之后，我希望它刷新其值。

Answer 1

您可以在ngOnChanges中获得该事件，这是示例。

您需要在ngOnChanges组件中编写myview

import { Component, OnInit, Input, AfterViewInit, OnChanges, SimpleChanges, ViewChild, Output, EventEmitter } from '@angular/core';
@Input() myVariable: any; 

class myViewComponent implements OnChanges, OnInit {
  ngOnChanges(changes: SimpleChanges): void { 
   console.log(changes.myVariable); // here you will get the updated value of myVariable 
  }
}

您父组件html

 <myview [myVariable]="myVariable"  *ngIf="myVariable">
 </myview>

ngIf的行为和属性绑定

1 个答案: