Ionic framework Ionic2带搜索栏的离子选择

Ionic framework Ionic2带搜索栏的离子选择,ionic-framework,ionic2,Ionic Framework,Ionic2,我需要创建一个爱奥尼亚选择,其中有一个搜索栏,这是可能的,我怎么做呢? 我还尝试创建一个警报,其中包含搜索输入和无线电选项,但我无法这样做,可能是因为我无法在同一个警报中混合不同的输入类型 提前感谢 <!DOCTYPE html> <html> <head> <script src="https://code.angularjs.org/tools/system.js"></script> <script sr

我需要创建一个爱奥尼亚选择,其中有一个搜索栏,这是可能的,我怎么做呢? 我还尝试创建一个警报,其中包含搜索输入和无线电选项,但我无法这样做,可能是因为我无法在同一个警报中混合不同的输入类型

提前感谢


<!DOCTYPE html>
<html>
  <head>
    <script src="https://code.angularjs.org/tools/system.js"></script>
    <script src="https://code.angularjs.org/tools/typescript.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/reflect-metadata/0.1.3/Reflect.js"></script>
    <script src="https://cdn.rawgit.com/angular/zone.js/master/dist/zone.min.js"></script>
    <script src="config.js"></script>
    <script src="https://npmcdn.com/ionic-angular@2.0.0-beta.8/bundles/ionic.system.js"></script>

    <link href="https://npmcdn.com/ionic-angular@2.0.0-beta.8/bundles/ionic.css" rel="stylesheet">
    <link href="style.css" rel="stylesheet">
  </head>

  <body>
    <!-- this Ionic's root component and where the app will load -->
    <ion-app></ion-app>

    <script>
      System.import('app.ts')
    </script>
  </body>

</html>
System.import('app.ts')

Live Demo-

我找到了另一种解决方法,我使用了PopoverController而不是警报,它允许我在其中添加一个组件(在我的例子中,它的名称是AutoCompleteSearchPage),其中包含搜索栏和列表以及我需要在那里使用的内容

导入{
超控器
}
从“离子角度”;
构造函数(公共navCtrl:NavController,公共navParams:navParams,
公共popoverCtrl:PopoverController){
让popover=this.popoovercrl.create(自动完成搜索页面{
dataContext:this.dataContext,
自动完成:这个,
是的,
});
流行音乐({
ev:myEvent

})
OP询问的是关于Ionic 2而不是v1oh)也许这可以帮助您编辑答案并添加正确的代码..谢谢您的回复:),我需要它在ion select弹出窗口这样的警报中运行,可能吗?@Islam我不知道,将此问题写给开发人员,他们会快速响应Hi,有没有办法进行多次选择Hi,您可以使用选中复选框而不是列表中的按钮,并将其绑定到数组以存储所选项目(在选择“将项目添加到数组”时,取消选择“将其删除”)Hi@Islam我想知道你如何让ion select组件打开一个自定义的popover,而不是带有选项值的alert/popover?Hi@Mario在我的例子中,我创建了一个自定义组件,我没有使用ion select组件,我使用了带有图标的ion按钮