如何显示uI-select(angularjs）时，单击html元素

How to show uI-select(angularjs) when, click on html element?

本文关键字：单击 html 元素 uI-select 何显示 显示 angularjs      更新时间：2023-09-26

我想在我们点击html元素时显示UI-select下拉菜单。请参阅演示演示。在演示中，我们显示了三个元素，当我们选择任何元素时，它必须显示 相关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>

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

<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>
相关文章：