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();

    }

对于输入，打字稿代码为：

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

如何实现下拉选择框？

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

Answer 1

这取决于您想要在下拉列表中显示的内容。我会坚持使用https://github.com/pleerock/ng2-dropdown。

此代码来自他们的文档，其中包含一些针对您的问题定制的自定义。

<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>

在托管此HTML的组件中，您需要放置values成员。假设AmountValue是你的对象= {name：'amount'，占位符：'£0.0'}

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

如何使用ionic2＆amp; amp;中的警报提示实现下拉选择框打字稿？

1 个答案: