（更改）不适用于角度 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");
  });
}