如何显示uI-select（angularjs）何时点击html元素？

Question

当我们点击html元素时，我想显示UI选择下拉列表。请参阅演示DEMO。在Demo中，我们展示了三个元素，当我们选择任何元素时，它必须显示相关的ui-select(angularjs)。我将如何做到这一点...

<div class="wrapper col-md-12 col-sm-12"> 
    <a title="week? category" class="tag" ng-class="{selected:selectedType == 'week'}" ng-click="makeActive('week')">week</a> 
    <a title="week? category" class="tag" ng-class="{selected:selectedType == 'month'}" ng-click="makeActive('month')">month</a> 
    <a title="week? category" class="tag" ng-class="{selected:selectedType == 'year'}" ng-click="makeActive('year')">year</a> 
</div> 

Answer 1

试试这种方式，这里是给你的提示。 Demo

<div class="wrapper col-md-12 col-sm-12"> 
     <a title="week? category" class="tag" ng-class="{selected:selectedType == 'week'}" ng-click="makeActive('week')">week 
     <select ng-show="selectedType == 'week'"> 
      <option>week 1</option> 
      <option>week 2</option> 
      <option>week 3</option> 
     </select> 
     </a> 
     <a title="week? category" class="tag" ng-class="{selected:selectedType == 'month'}" ng-click="makeActive('month')">month 
     <select ng-show="selectedType == 'month'"> 
      <option>month 1</option> 
      <option>month 2</option> 
      <option>month 3</option> 
     </select> 
     </a> 
     <a title="week? category" class="tag" ng-class="{selected:selectedType == 'year'}" ng-click="makeActive('year')">year 
     <select ng-show="selectedType == 'year'"> 
      <option>year 1</option> 
      <option>year 2</option> 
      <option>year 3</option> 
     </select> 
     </a> 
     </div>