NGIF和属性结合在角度的行为

  • 本文关键字:属性 结合 NGIF angular
  • 更新时间 :
  • 英文 :

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

i具有上述组件模板定义,该模板将myvariaile属性绑定到myview组件的myvaria -spot。如果myvaria可以更改,则应该重新加载myview组件(构造函数或ngoninit(。它不在我的环境中,因此是否是预期行为感到困惑。该组件仅一次实例化,我希望它在父组件中对myvariable进行任何更改后刷新其值。

您可以在ngOnChanges中获得该事件。

您需要在myview组件中编写ngOnChanges

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>

最新更新