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}角6中的表单使用了多选下拉控件。

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中实现。

谢谢虚伪

Answer 1

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

引用https://www.w3schools.com/angular/angular_events.asp

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

1 个答案: