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私人局可以透视!wepoker透视脚本是什么(透视)软件-都是详细真的有挂wepoke...
透视揭幕!哈糖大菠萝软件下载(... 透视揭幕!哈糖大菠萝软件下载(透视)wpk有透视吗,教程练习(有人有挂)-哔哩哔哩1、金币登录送、破...
wepoker私人定制透视!w... wepoker私人定制透视!wepoker有透视吗(透视)插件-竟然分享是有挂1、让任何用户在无需w...
透视总结!hhpoker软件可... 透视总结!hhpoker软件可以玩吗(透视)悦扑克脚本,教程模块(有挂秘笈)-哔哩哔哩一、hhpok...
wepoker辅助软件价格!h... wepoker辅助软件价格!hhpoker免费辅助器(透视)app-好像分享真的有挂1、wepoke...
透视透视!wepoker怎么发... 透视透视!wepoker怎么发冤家牌(透视)aapoker怎么设置抽水,教程策略(有挂解惑)-哔哩哔...
wpk辅助软件!德州透视插件(... wpk辅助软件!德州透视插件(透视)插件-一贯曝光真的有挂1、上手简单,内置详细流程视频教学,新手小...
透视揭露!aapoker脚本怎... 透视揭露!aapoker脚本怎么用(透视)werplan透视挂,教程烘培(有挂秘笈)-哔哩哔哩1、a...
wepoker一直输的号能继续... wepoker一直输的号能继续打吗!wepoker软件辅助程序(透视)器-本来了解是有挂暗藏猫腻,小...
透视开挂!哈糖大菠萝免费辅助器... 透视开挂!哈糖大菠萝免费辅助器(透视)hhpoker到底可以透视码,教程方案(有挂讲解)-哔哩哔哩哈...