Заголовок выпадающего меню при выборе переключателя - PullRequest
0 голосов
/ 25 марта 2019

У меня есть радио-кнопка и выпадающее меню.В зависимости от переключателя мое раскрывающееся меню фильтруется.Это фильтруется.Но моя проблема в том, что, когда я выбираю другую опцию радио, этот «выбор» исчезает.

enter image description here

Может кто-нибудь, пожалуйста, помогите мне.Я не знаю, проблема исходит от

HTML

<div class="row">
    <label for="" class="col-md-2 uni-label"></label>
    <div class="col-md-6">
        <fieldset class="product-clip-type" *ngFor="let productClipType of productClipTypeList">
            <input type="radio" [(ngModel)]="productClipTypeSelected" name="product_clip_type" value="{{productClipType.value}}"
                (change)="onProductTypeChange(productClipType)" />
            <span>{{productClipType.name}}</span>

        </fieldset>
    </div>
</div>
<!-- END RADIO BUTTONs -->

<div class="row">
    <label for="" class="col-md-2 uni-label">Product Name Clip</label>
    <div class="col-md-6">
        <p *ngIf="!this.visibleMultiSelects['productNameClip']" class="na">N/A</p>
        <ss-multiselect-dropdown *ngIf="this.itemsToDisplay['productNameClip'].length > 0"
            id="productNameClip" name="productNameClip"
            [disabled]="!this.visibleMultiSelects['productNameClip']"
            [options]="this.itemsToDisplay['productNameClip']"
            [settings]="this.selectedSettings['productNameClip']"
            [(ngModel)]="this.selections['productNameClip']">
        </ss-multiselect-dropdown>

    </div>
</div>

TS

onProductTypeChange(value: any) {
        this.itemsToDisplay['productNameClip'] = this.wholeProductNameClipList;
        this.selections['productNameClip'] = '';

        if(value.hasOwnProperty("name")) {
            if(value.value == 'all') {
                return this.itemsToDisplay["productNameClip"];
            } else if(value.value == 'top_10_sku') {
                this.itemsToDisplay["productNameClip"] = this.itemsToDisplay["productNameClip"].filter((productNameClip) => {
                    return productNameClip.top_npd === 'Top 10 SKU';
                });
            } else if(value.value == 'npd') {
                this.itemsToDisplay["productNameClip"] = this.itemsToDisplay["productNameClip"].filter((productNameClip) => {
                    return productNameClip.top_npd === 'Normal';
                });
            }
        } else {
            console.log("ERROR");
        }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...