Ionic - 从下拉列表

Question

如果我从下拉列表中单击选项1，则应显示最初隐藏的div。如果我从同一下拉列表中单击另一个选项，则应显示不同的div，并且应隐藏前一个div。我不想使用JQuery，因为我对它的了解非常少，但只有AngularJs。

我的代码是：

<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

修改

工作示例 http://plnkr.co/edit/SKdeAHMmvFB85ym1hfGr?p=preview

您可以使用ng-model执行此操作

<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>

只有一个问题，而且一开始就是空的选项。一旦改变它就消失了。