如何在离子3

Question

首先让我说我是离子的新手，我尝试在谷歌找到我的解决方案，但现在信息与离子1，离子2和现在＆＃34;离子3＆＃34;混合。

我需要做一个下拉菜单，我打电话给＃34;创建方法＆＃34;使用参数和此方法绘制带有选项的菜单。

我测试了不同的方法，首先尝试修改popus，然后修改模态，但我无法解决我的问题。

我需要知道最好的形式，我认为我应该制作外部组件并使用他的方法来做我想要的。到目前为止我使用了Sencha Touch，我使用了这个代码：

    Ext.create("Amix.view.general.Menu",{
        options : options,
        callback : callback
    });

    Ext.define('Amix.view.general.Menu',{
        extend: 'Ext.panel',

        ...

        listeners: {

            initialize: function(){

               Ext.Viewport.add(this);

               ...

这就是我想要的：

另外，选择DOM项目的最佳形式是什么？在sencha中，我在jQuery上使用了Ext.getCmp()或Ext.select()，$()，在javascript上使用了document.queryselector。

Sry my English

Answer 1

根据您的截图，您需要离子弹出窗口。对于Ionic 2.x和3.x，内置组件由离子Popover

组成

您可以将其简单地导入到您的页面

import { PopoverController } from 'ionic-angular';

@Component({})
class MyPage {
  constructor(public popoverCtrl: PopoverController) {}

  presentPopover(myEvent) {
    let popover = this.popoverCtrl.create(PopoverPage);
    popover.present({
      ev: myEvent
    });
  }
}

请参阅演示here