如何在ionic2中的多个页面中包含一个函数

时间:2016-09-22 22:35:05

标签: angular ionic2

我有一个函数,我想在应用程序内的多个页面中加载,而不是在每个.ts文件中单独重复它们。

2 个答案:

答案 0 :(得分:1)

只需使用公共类创建一个新文件。然后在任何地方导入该文件并使用您需要的功能。

例如: myFunctions.ts

export class MyFunctions {
  private message:string = 'It works!';

  constructor(){

  }

  public aFirstFunction(){
    console.log(this.message);
  }
}

然后在你想要的任何文件中:

import {MyFunctions} from 'path/to/myFunctions.ts';

private hereAreMyFunctions = new MyFunctions();

private function tryIt() {
  this.hereAreMyFunctions.aFirstFunction();
}

然后只需致电tryIt();)

答案 1 :(得分:1)

最简单,最干净的方法是使用静态方法。我通常使用静态函数作为" util方法"。

export class DateUtils{
   static myUtilFunction(arg: Date){
     let result;
     // your imlementation  
     //......
     //......
     return result;
   }
}

每当您想要使用它时,您只需将其称为:

let result = DateUtils.myUtilFunction(myDate);