未配置[ngModel]时(ngModelChange)为何仍能正常运行?
未用
ngModel却能触发ngModelChange的原因 其实核心在于Angular表单模块的默认行为:
- 只要你的模块导入了
FormsModule或ReactiveFormsModule,Angular就会自动给原生input这类表单控件绑定默认控件值访问器(DefaultValueAccessor)。 - 这个访问器会监听原生
input的输入事件,一旦用户输入内容,就会触发ngModelChange事件并传递当前值——完全不需要你显式添加ngModel指令。
不过这种用法有局限:你只能监听值变化,没法用ngModel的双向绑定同步组件属性,也没法获取表单验证状态这类额外能力。如果只是单纯要监听输入变化,这么用没问题,但要是需要和组件数据联动,还是得加上ngModel或者改用响应式表单的FormControl。
内容的提问来源于stack exchange,提问作者Sarah Ibrahim
相关产品推荐
相关产品推荐

