[英]How to show uI-select(angularjs) when, click on html element?
我想在单击html-element时显示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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.