Angular 6 - 公共输入(change)方法,如何判断哪个模型值被修改了?
创始人
2024-10-16 01:30:12
0

在Angular 6中,可以使用ngOnChanges生命周期钩子来判断哪个模型值被修改了。ngOnChanges会在输入属性的值发生变化时被调用。

下面是一个示例代码:

import { Component, Input, OnChanges, SimpleChanges } from '@angular/core';

@Component({
  selector: 'app-my-component',
  template: `
    
` }) export class MyComponent implements OnChanges { @Input() model1: string; @Input() model2: string; ngOnChanges(changes: SimpleChanges) { for (let propName in changes) { if (changes.hasOwnProperty(propName)) { console.log(propName + ' changed. New value: ' + changes[propName].currentValue); } } } onInputChange(propName: string, newValue: any) { console.log(propName + ' changed. New value: ' + newValue); } }

在上面的示例中,有两个输入属性model1model2,它们都绑定到两个输入框中。当输入框的值发生变化时,会调用onInputChange方法,并传递属性名称和新值作为参数。

ngOnChanges方法中,我们使用SimpleChanges对象来获取所有发生变化的属性,并打印出新值。通过这种方式,我们可以判断哪个模型值被修改了。

请注意,ngOnChanges只能检测到@Input属性的变化,如果要检测非@Input属性的变化,可以使用ngDoCheck生命周期钩子。

相关内容

热门资讯

总算了解!wepoker透视苹... 总算了解!wepoker透视苹果系统,约局吧开挂神器是真的吗,必备教程(有挂方法);最新版2024是...
推荐十款!aapoker透视插... 1、推荐十款!aapoker透视插件,德州私人局怎么透视,AI教程(有挂攻略);详细教程。2、德州私...
科技介绍!pokemmo辅助官... 1、科技介绍!pokemmo辅助官网,约局吧是否有挂,透牌教程(有挂透视)2、进入游戏-大厅左侧-新...
总算了解!大菠萝手游辅助,we... 总算了解!大菠萝手游辅助,wepoker破解器,辅助教程(有挂技巧);玩家必备必赢加哟《136704...
推荐十款!hhpoker到底可... 推荐十款!hhpoker到底可以作弊吗,impoker辅助,教你教程(有挂软件)是由北京得hhpok...
重磅来袭!cloudpoker... 重磅来袭!cloudpoker作弊,hhpoker德州作弊,2025新版教程(有挂技巧)准备好在hh...
避坑细节!佛手在线大菠萝辅助,... 避坑细节!佛手在线大菠萝辅助,hhpoker到底可以作弊吗,解密教程(有挂辅助);科技安装教程;13...
重大通报!hhpoker外挂靠... 重大通报!hhpoker外挂靠谱吗,wepoker辅助透视,可靠技巧(有挂透视);亲真的是有正版授权...
来一盘!德州局怎么透视,智星菠... 1、来一盘!德州局怎么透视,智星菠萝透视,可靠教程(有挂方法)。2、德州局怎么透视透视辅助简单,德州...
交流学习经验!wepoker可... 交流学习经验!wepoker可以透视码,wepoker辅助器软件下载,wepoke教程(有挂教程);...