Так что я совершенно новый пользовательский интерфейс (angular, bootsrap и т. Д.), Но у меня есть ссылка JSFiddle, которую я создал, и я пытаюсь сделать это, если кто-то выберет опцию «VA» в раскрывающемся списке. В меню я хочу использовать соответствующий ng (переключатель или показать) и показать класс div с тем же именем, в этом случае div class = "VA"

Если они выберут Нью-Йорк, я хочу, чтобы он показывал div-class = "NY", а не виртуальный дивизион VA (в моем примере у меня есть только два варианта, но у меня будет около разных вариантов в моей реальной программе (может быть ~ 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>