在实际的开发中,我遇到了这样的情况:我需要在一个页面唤起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);
}
就像这样,直接用在构造器中生命的变量通过“点”的方式就可以调用了。
文章评论