ionic2＆typescriptのアラートプロンプトを使用してドロップダウン選択ボックスを実装する方法は？

Question

alertpromptためのコード例を以下に言及されています

入力の場合

---

let prompt = this.alertCtrl.create({ 
      title: 'Bid on this delivery', 
      inputs: [ 
       { 
        name: 'amount', 
        placeholder: '£ 0.0' 
       }, 
      ], 
      select: [ 
       { 
        ??????????? 
       }, 
      ], 
      select: [ 
       { 
        name: 'expiry', 
        options: { 
         option: 'Nerver', 
         option: '24 hours' 
        }, 
        placeholder: '' 
       }, 
      ], 
      buttons: [ 
       { 
        text: 'Cancel', 
        handler: data => { 
         console.log('Cancel clicked'); 
        } 
       }, 
       { 
        text: 'Save', 
        handler: data => { 
         console.log('Saved clicked'); 
        } 
       } 
      ] 
     }); 
     prompt.present(); 

    } 

---

typescriptですコードは次のとおりです。

[ 
    { 
     name: 'amount', 
     placeholder: '£ 0.0' 
    } 
] 

ドロップダウン選択ボックスを実装する方法は？

 select: [ 
     ?????????????????????????? 
    ] 

Answer 1

これは、ドロップダウンに表示する内容によって異なります。 私はhttps://github.com/pleerock/ng2-dropdownを付けます。

このコードは、お客様の問題に合わせてカスタマイズされたドキュメントを使用しています。あなたは値のメンバーを配置する必要があります。このHTMLをホストコンポーネントに

<div class="dropdown" dropdown [dropdownToggle]="false" (onOpen)="doSomeActionOnOpen()" (onClose)="doSomeActionOnClose()"> 
<button class="btn btn-primary" dropdown-open>My Heroes</button> 
<ul class="dropdown-menu"> 
    <li *ngFor="let val of values"><a>{{val.placeholder}}</a></li> 
</ul> 

。 AmountValueがオブジェクト= {name： '金額'、プレースホルダ： '£0.0'}とすると、

@Component({....}) 
export class MyComponent { 
    public values: Array<AmountValue>(); 
}