当前位置: 首页 > news >正文

angular封装好的组件的收到原生输入框的change事件

            <app-custom(change)="thingChange($event)"></app-cutom>

封装好的组件自定义了一个名为change的自定义事件,发现代码中即使把change.emit注释了,还是会接触发thingChange回调

原因是自定义封装组件中的输入框的原生change引发了冒泡

所以在输入框设置放在冒泡事件

   <input matInput [(ngModel)]="m" [matAutocomplete]="minute" (input) = "onChange($event,'m')" (change) = "onChange($event,'m')" />onChange(e, field) {e.stopPropagation()e.target.value = ''this[field] = ''}

另外刚才不是清空了值,又想让输入框反显最初始的值,设置延时

  onChange(e, field) {e.stopPropagation()e.target.value = ''this[field] = ''setTimeout(() => {this.init(this.defaultTime);});}


http://www.mrgr.cn/news/34241.html

相关文章:

  • 可编辑PPT | 能源企业数字化框架、数字化运营及数字化平台建设方案
  • 石头剪刀布手势识别系统源码分享
  • 图论(dfs深搜系列)9.23
  • 甩锅笔记:好好的服务端应用突然起不来,经定位是无法访问外网了?测试又说没改网络配置,该如何定位?
  • 基于Ambari搭建hadoop生态圈+Centos7安装教程V2.0优化版(本篇博客写的较为详细,可能比较多,请耐心看)
  • 【BetterBench博士】2024年华为杯E题:高速公路应急车道紧急启用模型 Python代码实现
  • 最适配达梦、人大金仓的sql工具是什么?
  • HTTP代理域名解析的先后顺序:深入解析
  • 共享内存详解
  • 51WORLD打造土耳其奥斯曼尼耶城市大脑,助力中东城市智慧化转型
  • 深入解析:从URL到页面渲染的完整过程与性能优化【页面渲染、重排、重汇】
  • 仓颉编程语言4,遇到BUG求助
  • 浅谈人工智能技术,对社会经济变革的思考
  • Linux(麒麟系统)多显示器屏幕录制
  • 软件测试实验室如何利用GB/T25000标准建立测试技术体系
  • 828华为云征文 | 云服务器Flexus X实例,Docker集成搭建NGINX
  • 超详细超实用!!!AI编程之cursor编写官网新增轮播效果(三)
  • 【二分算法】模板总结
  • 系统分析师12:系统规划
  • 沁恒CH32V307读写flash出错