Я только начинаю с ионной структуры, пытаясь сделать существующее угловое приложение для мобильных устройств как гибридное приложение.
Есть ли способ сделать выпадающее меню в ионном? Я искал ионный сайт/форумы, а также googled, но не смог найти никакого способа.
$ionicPopover
Это сервис, включенный в ионную инфраструктуру, которая обеспечивает то, что вы ищете.
Вот пример из проекта, который я работал несколько месяцев назад:
<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>
<button class="button button-icon" ng-click="vm.popover.show($event)"> <i class="icon ion-android-more-vertical"></i></button>
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;
});
// ----------------------------------
// ...
Я не знаю, поможет ли это. Это помогло мне в той же проблеме 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>