Ionic - Zeige anfänglich versteckte divs beim Klicken auf eine Option aus dem Dropdown

Question

Wenn ich auf Option 1 in der Dropdown-Liste klicke, sollte ein div angezeigt werden, das anfänglich ausgeblendet ist. Und wenn ich auf eine andere Option aus der gleichen Dropdown-Liste klicke, sollte ein anderes div angezeigt werden und das vorherige div sollte ausgeblendet werden. Ich möchte JQuery nicht verwenden, da ich sehr wenig Wissen darüber habe, aber nur AngularJs.

Mein Code ist:

<div class="card"> 
<div class="item item-divider" align="center"> 
    Candidates 
</div> 
<div class="padding"> 
<div class="form-group" align="center"> 
    <label for="sel1"></label> 
     <select class="form-control" id="sel1"> 
      <option>Location 1</option> 
      <option>Location 2</option> 
      <option>Location 3</option> 
     </select> 
</div> 
</div> 
</div> 

Answer 1

EDIT

Arbeitsbeispiel http://plnkr.co/edit/SKdeAHMmvFB85ym1hfGr?p=preview

Sie ng-model verwenden können, um dieses

<select ng-model="location.type" class="form-control" id="sel1" ng-change="changeme()"> 
    <option ng-option value="1">Location 1</option> 
    <option ng-option value="2">Location 2</option> 
    <option ng-option value="3">Location 3</option> 
    </select> 

    <div ng-if="location.type == '1'">Location 1</div> 
    <div ng-if="location.type == '2'">Location 2</div> 
    <div ng-if="location.type == '3'">Location 3</div> 

Ther zu tun Es ist nur ein Problem, und das ist diese leere Option am Anfang. Einmal geändert, ist es weg.