Angular2 和 jQuery“更改”事件

标题：使用Angular 2和jQuery处理“更改”事件的综合指南

html
点击我

typescript
import { Component } from '@angular/core';
@Component({
  selector: 'app-root',
  template: '点击我',
})
export class AppComponent {
  onClick() {
    console.log('按钮被点击了！');
    // 在这里执行其他逻辑
  }
}

bash
npm install jquery

html

typescript
import { Component, AfterViewInit } from '@angular/core';
declare var $: any;
@Component({
  selector: 'app-root',
  template: '',
})
export class AppComponent implements AfterViewInit {
  ngAfterViewInit() {
    // 使用jQuery监听输入框的变化事件
    $('#myInput').on('input', () => {
      this.onInputChange();
    });
  }
  onInputChange() {
    console.log('输入框内容发生变化！');
    // 在这里执行其他逻辑
  }
}