Así que soy completamente nuevo en front-end (angular, bootsrap, etc.), pero tengo aquí un enlace JSFiddle que creé, y lo que intento hacer es básicamente si alguien elige la opción "VA" en el menú desplegable menú, quiero usar el ng apropiado (cambiar o mostrar) y mostrar la clase div con el mismo nombre, en este caso la clase div = "VA"

Si eligen NY, quiero que muestre div-class = "NY", y no el VA div (en mi ejemplo solo tengo dos opciones, pero tendré alrededor de diferentes opciones en mi programa real (podría ser ~ 10 )

¿Alguien puede ayudarme o ponerme en la dirección correcta? Gracias.

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