Значение становится пустым после использования плагина jquery nice select в угловых

Question

У меня есть форма выбора в реактивной форме, которая отлично работает, когда внешние плагины не используются.Я использовал плагин jquery nice select, и на этот раз я обнаружил, что он получает пустое значение.Я новичок в угловых и я действительно не знаю, как получить значение после использования плагина.

Мой 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();

My form.ts

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

Вывод:

{country: ""}