个人中心
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
文章推荐： reactjs - 如何调试 React 加载项
文章推荐： sql-server - 计算每组的差异总和
文章推荐： ios - didBeginContact 被同一个 SKPhysicsBody 多次调用
文章推荐： SQL 表日期时间列格式
搜寻专家
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com