Показать Скрыть DIV на основе выбора из 2 раскрывающихся списков - PullRequest
Новая
       30

Показать Скрыть DIV на основе выбора из 2 раскрывающихся списков

0 голосов
/ 13 июня 2019

У меня есть 2 выпадающих списка опций. У меня есть несколько DIV, загруженных на мою веб-страницу (DIV будут загружаться динамически во время выполнения), я хочу отфильтровать эти базы DIV по выпадающему списку. 

 <label style="alignment: center" for="countries">Country
        <select class="form-control" id="countries" *ngIf="sCountries.length > 0" [ngModel]="0" (ngModelChange)="changeOrder($event)">
            <option value="0">All</option>
            <option *ngFor="let country of sCountries" value="{{country['Id']}}">{{country['Name']}}</option>
        </select>
    </label>

    <label style="alignment: center" for="regions">Regions
        <select class="form-control" id="regions" *ngIf="sCountries.length > 0">
            <option value="0">All</option>
            <option *ngFor="let region of sRegions" value="{{region['Id']}}">{{region['Name']}}</option>
        </select>
    </label>

Мои DIV будут такими: 

<div *ngIf="viewModel != null" class="{{viewModel.countryId}} 
{{viewModel.regionId}}"> 

   some xyz text contents 
</div>

Когда я выбираю страну из опции выбора, код должен фильтровать все DIV с выбранным CountryId.

Затем, когда я выбираю регион, код должен фильтровать все регионы для этой конкретной страны на основе regionId.

Может кто-нибудь помочь мне решить эту проблему. Здесь проблема в том, что DIV будут загружаться динамически. Когда мы выбираем ALL, мы должны показать все DIV

.
...