如何根据用户提供的输入刷新 ss-multiselect-dropdown答案

【问题标题】：How to refresh ss-multiselect-dropdown based on input provided by user如何根据用户提供的输入刷新 ss-multiselect-dropdown
【发布时间】：2019-05-04 14:51:52
【问题描述】：

我需要根据在先前输入中选择的输入从下拉列表中选择多个值。

例如：根据选择下拉输入中的国家/地区，我想显示所选国家/地区所有州的列表。用户可以选择多个状态。

为了显示国家列表，我使用了

<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>

为了显示状态，我使用了这个包：https://github.com/softsimon/angular-2-dropdown-multiselect。

Users.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[];

Users.Component.html 的代码

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

我需要根据所选国家/地区刷新州多选。知道如何在 Angular 6/7 中实现这一点。

谢谢希里什

【问题讨论】：

标签： angular dropdown multi-select

【解决方案1】：

将ng-change="show_states()" 添加到<select>。并创建函数show_states()

参考https://www.w3schools.com/angular/angular_events.asp

【讨论】：

感谢您的支持。就我而言，我有与 Country 下拉菜单关联的更改事件。此事件被成功捕获和处理。在这种情况下，我正在刷新“stateControlOptions”的内容，其中包含选定国家/地区的状态。 但不知何故，它在 UI 屏幕上没有刷新。
你有解决办法吗？