Javascript 角度：根据2阶段下拉菜单显示div内容

我想一个网页的结构如下：应该有2个下拉菜单，其中第二个下拉菜单依赖于第一个下拉菜单（见下文）。此外，应该有一个div部分，显示依赖于两个下拉菜单上的输入的一些内容

例如：

下拉菜单1：可用选项为“A”和“B”

下拉菜单2：可用选项有

• 如果在下拉菜单1中选择了“A”，则可用选项为“DC”和“NY”
• 如果在下拉菜单1中选择了“B”，则可用选项为“B_DC”和“B_NY”

现在，根据下拉菜单中的输入，div部分应该会显示某种类型的输出（取决于输入）。例如，如果选择了“B”和“B_NY”，div部分可能包含消息“Options“B”和“B_NY”selected”。或者，如果选择了例如“A”和“DC”，div部分可能会包含一个按钮（我选择这个示例只是为了强调，在这种情况下，内容不仅仅是一个文本）

注意： stackoverflow上已经有一个非常类似的例子：

http://stackoverflow.com/questions/26389562/angular-show-div-content-depending-on-which-option-chosen-from-drop-down-menu/26389852#26389852

这个问题与我上面的问题相同（我也相应地选择了这个例子）——唯一的区别是只有一个下拉菜单而不是两个。该线程中提供的解决方案也可以在Plunker上找到：

http://plnkr.co/edit/ziaxHOj53J6sePf6y6Qf?p=preview

我希望这另一个问题能让每个想帮我解决问题的人都容易些

提前谢谢你

举个例子：

<select class="form-control" ng-model="places1">
  <option>Choose Place</option>
  <option value="A">A</option>
  <option value="B">B</option>
</select>
<select class="form-control" ng-model="places2">
  <option>Choose Place</option>
  <option value="DC" ng-if="places1 == 'A'">DC</option>
  <option value="NY" ng-if="places1 == 'A'">NY</option>
  <option value="B_DC" ng-if="places1 == 'B'">B_DC</option>
  <option value="B_NY" ng-if="places1 == 'B'">B_NY</option>
</select>

<div ng-if="places1 == 'A' && places2 == 'DC'">A => DC</div>
<div ng-if="places1 == 'A' && places2 == 'NY'">A => NY</div>
<div ng-if="places1 == 'B' && places2 == 'B_DC'">B => B_DC</div>
<div ng-if="places1 == 'B' && places2 == 'B_NY'">B => B_NY</div>

选择地点
A.
B
选择地点
直流
纽约
B_DC
布尼
A=>DC
A=>NY
B=>B_DC
B=>B_纽约

工作示例：

非常感谢！：）非常短，好，简单的解决方案，完全适合我的需要！非常感谢。