1. 程式人生 > >angular4 監聽input框輸入值的改變

angular4 監聽input框輸入值的改變

strong input框 form ech 中一 size img blog 9.png

angular中一般控件會有change事件,但是如果某些控件沒有這個事件 我們如何監聽值的變化呢?

對於雙向綁定的值,當值改變後監聽事件有如下寫法:

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

  技術分享

  2. 如果是使用的表單form,可以使用form表單的valueChanges訂閱事件

  技術分享

    2.1 訂閱整個form表單可以如下:

    技術分享

    2.2 訂閱表單中單個控件可以如下:

    技術分享

angular4 監聽input框輸入值的改變