Выпадающее меню в ионном

Question

Я только начинаю с ионного каркаса, пытаясь сделать существующее угловое приложение для мобильных устройств как гибридное приложение.

Есть ли способ сделать выпадающее меню в ионном? Я искал ионный сайт/форумы, а также googled, но не смог найти никакого способа.

Answer 1

Использование $ionicPopover

Это услуга включена в ионной структуры, которая обеспечивает то, что вы ищете.

Вот пример из проекта я работал на несколько месяцев назад:

events-dropdown-view.html

<ion-popover-view> 
    <ion-content has-bouncing="true"> 
     <div class="list"> 
      <a class="item" ui-sref='create-event' ng-click="vm.popover.hide()" > 
       New Event 
      </a> 
     </div> 
    </ion-content> 
</ion-popover-view> 

events-view.html

<button class="button button-icon" ng-click="vm.popover.show($event)"> <i class="icon ion-android-more-vertical"></i></button> 

controller.js

app.controller("EventsController", function ($scope, $ionicPopover) { 
    var vm = this; 

    // Popover (a.k.a dropdown) 
    // ---------------------------------- 

    $ionicPopover.fromTemplateUrl('src/events/events-dropdown-view.html', { 
     scope: $scope 
    }).then(function (popover) { 
     vm.popover = popover; 
    }); 

    // ---------------------------------- 

    // ... 

Answer 2

Я не знаю, поможет ли это. Это помогло мне в том же выпуске http://ionicframework.com/docs/components/#select

<div class="list"> 


<label class="item item-input item-select"> 
    <div class="input-label"> 
     Lightsaber 
    </div> 
    <select> 
     <option>Blue</option> 
     <option selected>Green</option> 
     <option>Red</option> 
    </select> 
    </label> 

</div>