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的值变化时都会打印出当前的值。这样写比放在构造函数中更加安全可靠。

相关内容

热门资讯

教学盘点!决战十三水辅助,萍乡... 教学盘点!决战十三水辅助,萍乡滚筒四幅攻略,关于开挂辅助教程(有挂方法);无需打开直接搜索加(薇:1...
一分钟了解!微信新海贝之城辅助... 一分钟了解!微信新海贝之城辅助,友友联盟辅助免费下载,了解开挂辅助教程(有挂存在);无需打开直接搜索...
研究成果!微信边锋干橙眼辅助,... 研究成果!微信边锋干橙眼辅助,浙江宝宝游戏辅助,必看开挂辅助教程(发现有挂);无需打开直接搜索薇:1...
分享实测!榆林打锅子辅助器,微... 分享实测!榆林打锅子辅助器,微信微乐游戏辅助脚本,传授开挂辅助教程(真的有挂);无需打开直接搜索打开...
一分钟了解!闲来辅助神器怎么下... 一分钟了解!闲来辅助神器怎么下载,赣牌圈破解器,分享开挂辅助教程(有挂讲解);无需打开直接搜索打开薇...
玩家实测!微乐自建房脚本免费下... 玩家实测!微乐自建房脚本免费下载,三江互娱辅助,教会开挂辅助教程(有挂工具);无需打开直接搜索加(薇...
分享一款!广东潮汕雀友会插件,... 分享一款!广东潮汕雀友会插件,金杯竞技辅助,教会开挂辅助教程(有挂技巧);无需打开直接搜索加薇136...
每日必看!奇迹陕西游戏辅助,小... 每日必看!奇迹陕西游戏辅助,小闲川南手游辅助器,发现开挂辅助教程(有挂技术);无需打开直接搜索薇:1...
必备辅助推荐!朋友局辅助器,对... 必备辅助推荐!朋友局辅助器,对战互娱辅助,分析开挂辅助教程(有挂攻略);无需打开直接搜索打开薇:13...
今日科普!逍遥孝感卡五星辅助,... 今日科普!逍遥孝感卡五星辅助,微信小程序财神十三脚本,细节开挂辅助教程(有挂功能);无需打开直接搜索...