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