全栈工程师_java全栈工程师_全栈开发者学习经验总结

  • 首页
  • 开发工具
    • 软件安装
    • 软件使用
  • 前端
    • Ionic
    • Android
    • Capacitor
    • Angular
    • Vue
    • 苹果开发者账号
  • 后端
    • Java
    • Python
    • MyBatis
    • Spring
    • SpringBoot
    • SpringMVC
    • SpringCloud
  • 服务器
    • Linux
    • MySQL
    • Nginx
    • Tomcat
    • Docker
  • 其他
    • 生活碎片
    • 报错专区
  • 我
lipsuper
专注产出高质量原创手打文章
  1. 首页
  2. 前端
  3. Ionic
  4. 正文

Ionic怎样在某一个页面调用别的页面的方法

2020年9月1日 346点热度 0人点赞 0条评论

在实际的开发中,我遇到了这样的情况:我需要在一个页面唤起Modal,然后我要在Modal页面上进行操作,并调用唤起这个Modal页面的页面里面的方法。以下是操作方法:

 

首先在app.module.ts文件中引入

我这里举个例子是Modal页面调用Tab2Page中的方法。

所以首先我在app.module.ts文件中引入了Tab2Page,代码如下:

import { Tab2Page } from './tab2/tab2.page';

@NgModule({
  providers: [
    Tab2Page
  ]
})
export class AppModule {}

我这里省略了无关的代码,只留下了与Tab2Page有关的代码。

 

然后在需要使用的页面引入Tab2Page

我这里是在Modal页面中进行引用

打开modal.page.ts文件:

import { Tab2Page } from '../../tab2/tab2.page';

export class ModalPage implements OnInit {
  constructor(private tab2Page: Tab2Page) {}
}

同样省略了无关的代码,现在我们就可以在Modal中调用Tab2Page中的方法了。

 

方法调用

xxxFunction(): void{
    this.tab2Page.doSomething(XXX);
  }

就像这样,直接用在构造器中生命的变量通过“点”的方式就可以调用了。

本作品采用 知识共享署名 4.0 国际许可协议 进行许可
标签: 小技巧
最后更新:2020年9月1日

lipsuper

这个人很懒,什么都没留下

点赞
< 上一篇
下一篇 >

文章评论

取消回复

COPYRIGHT © 2021 lipsuper.com. ALL RIGHTS RESERVED.

Theme Kratos Made By Seaton Jiang

渝ICP备2021004735号-1

渝公网安备 50011202502306号