AngularJS如何使用ng-class和ng-show来做这个菜单

Question

我正在做如下所示的菜单

1. 我应该如何使用ng-class来控制所选元素＆＃39; sss
2. 右侧的圆点是一个跨度，当选择相应的li时如何显示它，当选择其他li时也隐藏。



我的HTML代码的一部分：

 <li layout="row" layout-align="start center">
      <div flex="initial" layout="column" layout-align="center center">
        <span class="docs-upper-icon"></span>
        <span class="docs-lower-icon docs-lower-icon-1"></span>
      </div>
      <a flex href="#/masters" layout="row" layout-align="start center"><h2>Masters</h2></a>
      <span class="docs-menu-deco-icon"></span>
  </li>