如何解决angular和jquery selectpicker之间的冲突？

Question

我有一个来自角度5应用程序的以下模板：

<div class="form-group">    
    <select class="selectpicker" [(ngModel)]="trip.country.code" (ngModelChange)="onSelectCountry($event)" name="country" required>        
        <option [ngValue]="null">Please select...</option>
        <option *ngFor="let c of countries" value= {{c.country.code}}>{{c.country.name}}</option>
    </select>    
</div>

上面的代码的问题是，Angular无法使用正确的状态（例如：肮脏和无效）更新select的类，因此我看不到所需的错误显示。 仅在删除class="selectpicker"之后，我才能看到正确的错误，但随后出现一个难看的选择框。 有没有将selectpicker与Angular结合的想法？

我试图举一个例子，但是由于选择不起作用，因此存在一些困难，这里是链接： enter link description here