angular4 监听input框输入值的改变（实用、赞）

我就是我 2022-04-10 01:45 666阅读 0赞

原文出处：[https://www.cnblogs.com/dennis0525/p/7631301.html][https_www.cnblogs.com_dennis0525_p_7631301.html]

angular中一般控件会有change事件，但是如果某些控件没有这个事件 我们如何监听值的变化呢？

**对于双向绑定的值，当值改变后监听事件有如下写法：**

### 　　1. 如果是ngModel可以用ngModelChange事件。 ###

![20181219161042572][]

### 　　2. 如果是使用的表单form,可以使用form表单的valueChanges订阅事件 ###

![20181219161042596][]

2.1 订阅整个form表单可以如下：

![20181219161042613][]

2.2 订阅表单中单个控件可以如下：

![20181219161042630][]

或这样写

ngOnInit(){
      this.formModel.get(''customer_id").valueChanges.subscribe((value) => {
          this.processData(value); 
       })
    }

[https_www.cnblogs.com_dennis0525_p_7631301.html]: https://www.cnblogs.com/dennis0525/p/7631301.html
[20181219161042572]: /images/20220404/cd4900931f7d49ffbee7a28a97aa776f.png
[20181219161042596]: /images/20220404/4ba44c4373a24c468bf4e4e0f35508e7.png
[20181219161042613]: /images/20220404/e453202beb284e6599eb970968202a55.png
[20181219161042630]: /images/20220404/f37737382a5049898508095e637480e6.png

发表评论取消回复

表情：

评论列表（有 0 条评论，666人围观）

还没有评论，来说两句吧...

相关阅读

相关监听input、textarea输入框值变化

使用jquery的代码如下： $(document).on('focus', 'input', function() { /

刺骨的言语ヽ痛彻心扉/ 2023年10月06日 15:14/ 0 赞/ 170 阅读

相关 Js实时监听input输入框值变化

<input oninput="OnInput (event)" onpropertychange="OnPropChanged (event)" >

￡神魔★判官ぃ/ 2023年06月05日 05:50/ 0 赞/ 28 阅读

相关 uni-app监听输入框(input)的值

uni-app监听输入框(input)的值，那监听他的值是干嘛用的呢？这个功能大多数是用于搜索(查找)这块的，小编相信都接触过很多程序，输入的时候下面的商品都变成搜索出来的了，

旧城等待，/ 2023年05月29日 14:25/ 0 赞/ 21 阅读

相关 angular监听input事件_angular 监听input单选，多选值的变化

\{ \{item.name\}\}(\{ \{item.cnt\}\}) 页面效果是这样： ![Image 1][] ts的代码是这样的： getCheckList(

迷南。/ 2023年01月08日 15:25/ 0 赞/ 324 阅读

相关 Js（Jquery）实时监听input输入框值的变化

效果图 ![在这里插入图片描述][70] Js写法 <!DOCTYPE html> <html lang="en"> <head>

向右看齐/ 2022年05月09日 06:24/ 0 赞/ 3093 阅读

相关 angular4 监听input框输入值的改变（实用、赞）

原文出处：[https://www.cnblogs.com/dennis0525/p/7631301.html][https_www.cnblogs.com_dennis052

我就是我/ 2022年04月10日 01:45/ 0 赞/ 667 阅读

相关 angular4 form 表单中 input输入框的disabled属性 (实用）

原文出处：[https://www.cnblogs.com/leiting/p/8603604.html][https_www.cnblogs.com_leiting_p_86

忘是亡心i/ 2022年03月31日 14:54/ 0 赞/ 547 阅读

相关监听input输入框键盘输入的方法

html <div class="div1"> <input type="text" placeholder="输入姓名" maxlength="5" cl

缺乏、安全感/ 2021年11月29日 16:44/ 0 赞/ 753 阅读

相关 Js/jQuery实时监听input输入框值变化

前言在做web开发时候很多时候都需要即时监听输入框值的变化，以便作出即时动作去引导浏览者增强网站的用户体验感。而采用onchange时间又往往是在输入框失去焦点（onb

淡淡的烟草味﹌/ 2021年09月14日 14:32/ 0 赞/ 582 阅读

相关 js实现实时监听input输入框值的变化

要想实现实时监听input输入框值的变化的效果，只需要让input元素监听两个事件：`input`和`propertychange`，然后调用对应的js监听函数即可。先使

痛定思痛。/ 2021年06月12日 20:36/ 0 赞/ 1782 阅读