Angular ngIf的行为与角域中的属性绑定
我已经定义了上面的组件模板,它将myVariable属性绑定到myview组件的myVariable属性。如果myVariable中有更改,myview组件是否应该重新加载(构造函数或ngOnInit)。它不在我的环境中,因此不知道这是否是预期的行为。该组件只实例化了一次,我希望它在父组件中对myVariable进行任何更改后刷新其值。您可以在Angular ngIf的行为与角域中的属性绑定,angular,Angular,我已经定义了上面的组件模板,它将myVariable属性绑定到myview组件的myVariable属性。如果myVariable中有更改,myview组件是否应该重新加载(构造函数或ngOnInit)。它不在我的环境中,因此不知道这是否是预期的行为。该组件只实例化了一次,我希望它在父组件中对myVariable进行任何更改后刷新其值。您可以在ngOnChanges中获得该事件,以下是示例 您需要在myview组件中编写ngOnChanges import{Component,OnInit,In
ngOnChanges
中获得该事件,以下是示例
您需要在myview
组件中编写ngOnChanges
import{Component,OnInit,Input,AfterViewInit,OnChanges,SimpleChanges,ViewChild,Output,EventEmitter}从'@angular/core'导入;
@Input()myVariable:any;
类myViewComponent实现OnChanges、OnInit{
ngOnChanges(更改:SimpleChanges):void{
console.log(changes.myVariable);//这里您将获得myVariable的更新值
}
}
您可以创建父组件html
是否存在任何控制台错误?另外,[myVariable]=myVariable
应该是[myVariable]=“myVariable”
(输入错误?)并且在实例化时应调用一次ngOnit
,当从父级更改时,该变量将被绑定和更新控制台中无错误。更正了输入错误,但看起来angular比较宽松,允许不带引号的绑定。因此,在ngOnChanges中,如果我将更新的结果分配给某个实例变量,myView的视图会相应地更改/更新吗?
<myview [myVariable]=myVariable *ngIf="myVariable">
</myview>