Angular的[FormControl].valueChanges.subscribe()应该放在ngOnInit()还是constructor()中?
创始人
2024-10-24 11:32:25
0

一般来说,更好的实践是将[FormControl]的valueChanges.subscribe()放在ngOnInit()里。

在ngOnInit()中,Angular已经实例化了组件并完成了依赖注入。如果你在构造函数中访问FormControl,可能会面对一些意想不到的问题。而ngOnInit()会在组件初始化完毕后才调用,这是一个更安全的时间点来进行操作,而且更符合Angular的生命周期管理。

这是一个示例,展示了将valueChanges.subscribe()放在ngOnInit()中的做法:

import { Component, OnInit } from '@angular/core';
import { FormControl } from '@angular/forms';

@Component({
  selector: 'app-my-component',
  template: `...`
})
export class MyComponent implements OnInit {

  myControl = new FormControl();

  ngOnInit() {
    this.myControl.valueChanges.subscribe(value => {
      console.log('Value changed to', value);
    });
  }

}

这里我们在ngOnInit()中订阅了valueChanges事件,每次FormControl的值变化时都会打印出当前的值。这样写比放在构造函数中更加安全可靠。

相关内容

热门资讯

黑科技线上!鱼扑克fishpo... 黑科技线上!鱼扑克fishpoker俱乐部辅助(wepokeai代打)固有是真的有挂(真的有挂)-哔...
黑科技辅助挂!gg扑克可以赢不... 1、黑科技辅助挂!gg扑克可以赢不了(德州辅助神器软件)竟然真的是有挂(有挂规律)-哔哩哔哩;该软件...
黑科技app!wepoke有挂... 黑科技app!wepoke有挂(wepokeai代打)好像真的是有挂(有挂技巧)-哔哩哔哩1、许多玩...
黑科技脚本!fishpoker... 您好,aapoker真的有猫腻吗这款游戏可以开挂的,确实是有挂的,需要了解加威信【136704302...
黑科技最新!约局互娱辅助(we... 黑科技最新!约局互娱辅助(wepokeai代打)原本真的有挂(有挂方针)-哔哩哔哩1、超多福利:超高...
黑科技挂!wepoke辅助德之... 黑科技挂!wepoke辅助德之星(wepoke透明黑科技)都是是有挂(有挂透明挂)-哔哩哔哩1、让任...
黑科技好友房!推扑克辅助器(德... 黑科技好友房!推扑克辅助器(德扑ai软件靠谱吗)从前真的有挂(有挂分析)-哔哩哔哩1、超多福利:超高...
黑科技好牌!wpk辅助(德扑A... 自定义德扑AI策略软件系统规律,只需要输入自己想要的开挂功能,一键便可以生成出微扑克专用辅助器,不管...
黑科技讲解!wpk透视辅助工具... 1、黑科技讲解!wpk透视辅助工具(德扑ai智能机器人线上代打)从前真的是有挂(有挂总结)-哔哩哔哩...
黑科技存在!扑克时间有后台控制... 1、黑科技存在!扑克时间有后台控制(微扑克如何让系统发好牌)从前存在有挂(真是有挂)-哔哩哔哩;详细...