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

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

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

相关阅读

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

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

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

相关 CSS - 改变 input 输入框 placeholder 的字体颜色大小

前言该方法只适用于 `pc` 端，移动端无效。代码 input::-webkit-input-placeholder { / We

小咪咪/ 2022年10月25日 04:49/ 0 赞/ 233 阅读

相关输入框input

input输入框在ie下高度显示不正常，并且里面的文字内容不居中显示解决方法：可以具体看百度首页这里简单说下： <span> <i

深藏阁楼爱情的钟/ 2022年07月16日 01:47/ 0 赞/ 301 阅读

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

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

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

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

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

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

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

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

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

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

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

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

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

相关原生js获取input输入框的值

<input type="text" name="" id="name" value="" placeholder="请输入姓名" /> var name =

比眉伴天荒/ 2021年07月24日 13:11/ 0 赞/ 755 阅读

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

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

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