Ionic framework 如何在IonicFramework中拾取特定的数组对象?
输出样本: 在“进一步模块”功能中,在主模块“环境合规管理”下有两个子模块,即化学管理和PPE管理,因此当用户单击“化学管理”时,应转到新页面,当用户单击“PPE管理”时,应转到另一页面。我不知道如何操作。我真的需要帮助Ionic framework 如何在IonicFramework中拾取特定的数组对象?,ionic-framework,Ionic Framework,输出样本: 在“进一步模块”功能中,在主模块“环境合规管理”下有两个子模块,即化学管理和PPE管理,因此当用户单击“化学管理”时,应转到新页面,当用户单击“PPE管理”时,应转到另一页面。我不知道如何操作。我真的需要帮助 home.html代码: {{content}} {{sContent.name} 好的,我知道你想要实现什么 您必须使用下面的cli为环境合规管理和健康与安全管理创建一个页面 爱奥尼亚g页面环境合规管理 爱奥尼亚g页健康与安全管理 有关更多详细信息,请参阅本文,最好先阅读文
home.html代码:
{{content}}
{{sContent.name}
好的,我知道你想要实现什么
app.module.ts
参考此,我不需要解释furtherModules(type:any){
if('Environment Compliace Management'){
this.navCtrl.push(*name of your page to environment compliace management*)
}
else{
this.navCtrl.push(*name of your page to Health & Safety Management*)
}
}
在html文件中,将一些输入参数添加到函数中
(click)="furtherModules(content)
在ts文件中,执行以下操作
furtherModules(type:any){
if('Environment Compliace Management'){
this.navCtrl.push(*name of your page to environment compliace management*)
}
else{
this.navCtrl.push(*name of your page to Health & Safety Management*)
}
}
首先需要确定我们要指向哪个页面,例如,在我的例子中,我生成了一个虚拟页面,它是“MyAwesomePage”和“MyAnotherAwesomePage”,然后在.ts文件中需要这样做
{
名称:“化学品管理”,
图标:“核能”,
转到:“MyAwesomePage”
},
{
名称:“PPE管理”,
图标:“男人”,
后藤:“MyAnotherAwesomePage”
}
公共模块(内容:任何):无效{
//在此处验证scocontent.goTo是否为有效页面
this.navCtrl.push(scocontent.goTo,{u scocontent:scocontent});
}
您的ts文件是否有错误?尝试记录值item
@nyx97不,我的ts文件没有收到任何错误。您可以控制台记录item
变量吗?@nyx97很抱歉,我无法理解您的真正意思,您能详细解释一下吗?非常感谢您的建议,我非常感谢。我已经创建了两个页面。在我的例子中,我想要的是,在主模块环境合规管理下有两个子模块,即化学管理和PPE管理,因此当用户单击化学管理时,它应该转到一个新页面,当用户单击PPE管理时,它应该转到另一个页面。这就是我想要实现的。你能给我看一些你想要实现的图像吗?我想你想要类似的东西吗?请单击此链接以查看输出,因此当用户单击化学品管理时,应转到新页面。@Raj参考我的futherModules
函数,忽略if条件。使用this.navCtrl.push(nameofyourpage)
命令,它将重定向到一个新页面,如果您有一些逻辑命令,只需插入if条件即可