ionicpopover

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>

Mou icon