イオンのドロップダウンコンポーネントを作成する方法3

Question

最初に私はイオンで初心者だと言いましょう、私はGoogleで私の解決策を見つけようとしましたが、現在情報はイオン1、イオン2、そして今は "イオン3"と混合されています。

パラメータを使用して「メソッドを作成」と呼ぶドロップダウンメニューが必要です。このメソッドはオプション付きのメニューを描画します。

私はさまざまな方法をテストした後、まずpopusを変更してからモーダルを試してみましたが、私は問題を解決できません。

私はこれを行うには最良のフォームを知っている必要があります、私は外付けコンポーネントを作成し、私の欲しいことをするために彼のメソッドを使用する必要がありますと思います。私はこれまでのところ、今煎茶タッチを使用して、私はこれにこのコードを使用：

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？煎茶では、私はExt.getCmp()またはExt.select(),$()をjQueryに、またはdocument.queryselectorをjavascriptに使用しました。あなたのスクリーンショットを1として

SRY私の英語

Answer 1

、あなたは、イオンポップオーバーを必要とします。そこにイオン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