[（change）不适用于角度5中的select2

Question

（change）指令与angular 5中的普通select html标记一起正常工作。但是，如果我实现select2插件，则（change）将不起作用。

这是我的html文件

<select class="select2Select" [(ngModel)]="productSearchItem" (ngModelChange)="test()">
  <option value="">Search entire store here...</option>
  <option *ngFor="let product of products" value="{{ product.pid }}">{{ product.name }}</option>
</select>

这里的功能只是使打字稿中的内容变得无所事事

test(){
    console.log("Hi");
}

脚本：

$(document).ready(function() {
  $('.select2Select').select2();
});

Answer 1

使用生命周期挂钩内的jquery执行更改事件：

ngOnInit() {
  $('.select2Select').on('select2:select', function (e) {
    console.log("Hi");
  });
}