ionic 中实现Drop Down Menu
<ion-popover-view style="width:97%">
<ion-content>
<ul class="filter-list" data-field="job_type">
<li class="js-touch-state active " data-value="0">不限<span class="optr jobcont">1706</span></li>
<li class="js-touch-state " data-value="1">传单派发<span class="optr jobcont">217</span></li>
<li class="js-touch-state " data-value="2">促销导购<span class="optr jobcont">281</span></li>
<li class="js-touch-state " data-value="3">话务客服<span class="optr jobcont">198</span></li>
<li class="js-touch-state " data-value="4">礼仪模特<span class="optr jobcont">19</span></li>
<li class="js-touch-state " data-value="5">老师家教<span class="optr jobcont">46</span></li>
<li class="js-touch-state " data-value="6">服务员<span class="optr jobcont">107</span></li>
<li class="js-touch-state " data-value="7">问卷调查<span class="optr jobcont">70</span></li>
<li class="js-touch-state " data-value="8">审核录入<span class="optr jobcont">21</span></li>
<li class="js-touch-state " data-value="9">地推拉访<span class="optr jobcont">196</span></li>
<li class="js-touch-state " data-value="10">其他<span class="optr jobcont">551</span></li>
</ul>
</ion-content>
</ion-popover-view>
controller:
$ionicPopover.fromTemplateUrl('templates/popover.html', {
scope: $scope
}).then(function(popover) {
console.log(popover)
$scope.popover = popover;
});
$scope.show = function($event){
$scope.popover.show($event)
}
html:
<li data-role="filterItem" data-id="filter-job_type" class="mod-cont js-touch-state" ng-click="show($event)">职位类型</li>