gpt4 book ai didi

angular - LifecycleHook:OnChanges-不带@input的触发器

转载 作者:搜寻专家 更新时间:2023-10-30 21:56:20 25 4
gpt4 key购买 nike

我已经尝试过生命周期挂钩的更改,请参见https://angular.io/guide/lifecycle-hooks#onchanges
当角度(重新)设置数据绑定输入属性时响应
我现在的问题是:是否有可能在非输入属性上触发它,这些属性会更改它们在html中的值?
为什么它不能像下面这样工作?
我有那些文件:
HTML

<html>
<input ([ngModel])="power"></input>
<OnChangesTestComponent [power]="power"></OnChangesTestComponent>
</html>

HTML组件:
export class HtmlComponent implements {
power: string;
@ViewChild(OnChangesComponent) childView: OnChangesComponent;
}

OnChangesTest组件:
export class OnChangesTestComponent implements OnChanges {
@Input() power: string;

ngOnChanges(changes: SimpleChanges) {
...
}
}

我想总结一下:
HTML
<html>
<input ([ngModel])="power"></input>
</html>

HTMLcomponent组件
export class HtmlComponent implements OnChanges {
power: string;

ngOnChanges(changes: SimpleChanges) {
...
}
}

最佳答案

只要使用单向数据绑定使视图在值更改时更新即可:

 //html 
<p>{{power}}</p>
//one way databinding to the power variable in your .ts file
//the names in your .ts and html must be the same

若要更改该值,应使用BehaviorSubject将“Power”值从输入传递到另一个组件。更多关于 https://www.learnrxjs.io/

关于angular - LifecycleHook:OnChanges-不带@input的触发器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55184428/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com