在Angular中使用jQuery nice select插件后，值变得空

Question

我有一个反应式表单选择，当不使用任何外部插件时，它可以正常工作。我使用了jquery nice select插件，这次我发现它的值是空的。我是angular的新手，我真的不知道使用插件后获得价值的方式。

我的form.html

     <select name="select" data-msg-required="Please, fill in this field" aria-required="true" formControlName="country">
                        <option value="">Country</option>
                        <option value="BD">Bangladesh</option>
                        <option value="JP">Japan</option>
                    </select>

我的custom.js

 $('select').niceSelect();

我的form.ts

this.createForm = this.formBuilder.group({
        country: ['']
    });
console.log(this.createForm.value);

输出：

{country: ""}