小编U.S*_*mer的帖子

所以我对前端(角度,靴子等)完全不熟悉,但是我在这里创建了一个JSFiddle链接,我想要做的是基本上如果有人在下拉列表中选择"VA"选项菜单,我想使用适当的ng(开关或显示),并显示具有相同名称的div类,在这种情况下div class ="VA"

如果他们选择纽约,我希望它显示div-class ="NY",而不是VA div(在我的例子中我只有两个选项,但我会在我的实际程序中有不同的选项(可能是~10) )

任何人都可以帮助我或让我朝着正确的方向前进吗？谢谢.

JSFiddle链接:http://jsfiddle.net/BootstrapOrBust/kw3qgL3f/

<section ng-controller="Ctrl as loc">   
    <select class="form-control">

        <option>Choose Place</option>
        <option value="DC">DC</option>
        <option value="NY">NY</option>
    </select>
</section>

...
...
...

 <div class="DC">
     <table class="table">
         <thead>
             <tr>
                 <th>Location</th>
             </tr>
         </thead>
         <tbody>
             <tr>
                 <td><a href="#">Metro</a></td>
             </tr>
             <tr>
                 <td><a href="#">Capital</a></td>
             </tr>
         </tbody>
     </table>
</div>

 <div class="NY">
     <table class="table">
         <thead>
             <tr>
                 <th>Location</th>
             </tr>
         </thead>
         <tbody>
             <tr>
                 <td><a href="#">Subway</a></td>
             </tr>
             <tr>
                 <td><a href="#">Yankees</a></td>
             </tr>
         </tbody>
     </table>
</div>