Как обновить ss-multiselect-dropdown на основе предоставленных пользователем данных

Question

У меня есть требование выбрать несколько значений из раскрывающегося списка на основе ввода, выбранного в предыдущем вводе.

Например: на основе стран в выбранном раскрывающемся вводе я хочу отобразить список всех состояний в выбранной стране.пользователь может выбрать несколько состояний.

Чтобы отобразить список стран, я использовал

<select class="form-control input-lg" [(ngModel)]="selectedCountry" 
    formControlName="country" required>
    <option *ngFor='let country of countries' [value]="country._id">
        {{country.country_name}}
    </option>
</select>

Для отображения состояний я использовал мультиселект выпадающий элемент управления для моей формы в угловых 6, используя этот пакет: https://github.com/softsimon/angular-2-dropdown-multiselect.

Код для пользователей.Componen.ts

---

    public stateControlSettings: IMultiSelectSettings = {
    enableSearch: true,
    checkedStyle: 'checkboxes',
    buttonClasses: 'btn btn-secondary btn-block',
    dynamicTitleMaxItems: 5,
    displayAllSelectedText: true
};

public stateControlTexts: IMultiSelectTexts = {
    checkAll: 'Select all',
    uncheckAll: 'Unselect all',
    checked: 'item selected',
    checkedPlural: 'items selected',
    searchPlaceholder: 'Find...',
    defaultTitle: 'Select state using search filter',
    allSelected: 'All selected',
};

public stateControlOptions: IMultiSelectOption[] = [];
public stateControlModel: number[];

---

Код для пользователей.Component.html

<ss-multiselect-dropdown class="custom-multiselect" [options]="stateControlOptions"
[texts]="stateControlTexts" [settings]="stateControlSettings" [(ngModel)]="stateControlModel">

Мне нужно обновить состояние множественного выбора в зависимости от выбранной страны.Любая идея, как реализовать это в Angular 6/7.

Спасибо Шириш

Answer 1

Добавьте ng-change="show_states()" к <select>.И создать функцию show_states()

См. https://www.w3schools.com/angular/angular_events.asp