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

我就是我 2022-04-10 01:45 564阅读 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 条评论，564人围观）

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

相关阅读

相关 input 输入完+值改变触发方法

使用属性oninput+onporpertychange即可控制 <input id="checkScore" type="text" oninput="checkS

末蓝、/ 2023年10月07日 10:32/ 0 赞/ 13 阅读

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

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

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

相关 vue实时监听input输入框中输入内容

1：根据官方文档change 输入框内容变化时的回调 <a-input-search style="width: 15%;height:3%;margin-top

绝地灬酷狼/ 2023年02月17日 03:47/ 0 赞/ 35 阅读

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

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

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

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

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

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

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

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

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

相关 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 赞/ 424 阅读

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

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

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

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

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

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

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

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

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