У меня есть радио-кнопка и выпадающее меню.В зависимости от переключателя мое раскрывающееся меню фильтруется.Это фильтруется.Но моя проблема в том, что, когда я выбираю другую опцию радио, этот «выбор» исчезает.
Может кто-нибудь, пожалуйста, помогите мне.Я не знаю, проблема исходит от
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");
}