Как отображать контент на основе двух dropdownlists в AngularJS?

Question

Я хочу отображать контент на основе двух dropdownlists. Я знаю, как изменить на основе параметров с одним списком. Пожалуйста, помогите мне в этом.

Это отображение на основе одиночного раскрывающегося списка. У меня есть другой dropdownlist с Branchwise. Меня поражают, чтобы отфильтровать данные на основе CAREER и BRANCHES. Пожалуйста, HelpMe

<select ng-model="myVar"> 
<option value="">CAREER OPTIONS 
<option value="1">HIGHER EDUCATION 
    <option value="2">JOBS 
    <option value="3">ENTERPRENUERSHIP 
</select> 

<div ng-switch="myVar"> 
    <div ng-switch-when="1"> 
<h1>H E details</h1> 
    </div> 
<div ng-switch-when="2"> 
<h1>Jobs details</h1> 
</div> 
<div ng-switch-when="2"> 
<h1>Enterprenuership details</h1> 
</div> 

Answer 1

здесь работает plnk, это делает точно так же, что вам нужно, на основе выбора из 2 dropdown/selectmessage изменения

Answer 2

Добавить ng-if в каждой секции

<select ng-model="myVar1" ng-change="myVar3 = (myVar1+myVar2)"> 
    <option value="">CAREER OPTIONS 
    <option value="1">HIGHER EDUCATION 
    <option value="2">JOBS 
    <option value="3">ENTERPRENUERSHIP 
</select> 

<select ng-model="myVar2" ng-change="myVar3 = (myVar1+myVar2)"> 
    <option value="">Branch OPTIONS 
    <option value="1">Branch 1 
    <option value="2">Branch 2 
    <option value="3">Branch 3 
</select> 

<div ng-if="myVar3 "> 
    <div ng-if="myVar3 == '11'"> 
     <h1>H E details</h1> 
    </div> 
    <div ng-if="myVar3 == '12'"> 
     <h1>Jobs details</h1> 
    </div> 
    <div ng-if="myVar3 == '13'"> 
     <h1>Enterprenuership details</h1> 
    </div> 
</div>