无法使用jQuery选择Angular Dropdown值

Question

我在页面上有这个角度组件，其中绑定了所有选项。

使用jQuery，我可以通过以下方式检索正确的所选值：

 $('#mat-select').val(); // returns me the id of the selected option

但是，当我尝试使用jQuery更新值时，该值会更新，但不会反映在屏幕上的组件上。

例如

 $('#mat-select').val(); // eg. returns 'mat-select-option-0'
 $('#mat-select').val('mat-select-option-5').trigger('input').trigger('change');
 $('#mat-select').val(); // returns me 'mat-select-option-5'

但是，该组件上的选定值仍显示为mat-select-option-0。我猜想我只是在设置dom的value属性，而不是更新角度分量，但不知道如何。

有人可以建议吗？

Answer 1

不建议将jQuery与Angular一起使用，因为他们都以自己的方式操纵dom尝试使用https://ng-bootstrap.github.io/#/getting-started

这将使您避免将来出现许多问题。