大佬教程收集整理的这篇文章主要介绍了如何在打字稿中写Helper类?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我如何编写Helper类,我可以在导入{Helper}时从任何地方使用..
这是我的样本:
Helper.ts
import {Translateservice,TranslatePipE} from 'ng2-translate/ng2-translate'; import {Inject,Component} from 'angular2/core'; @Component({ providers: [Translateservice] }) export class Helpper { public trans; public lang; public properties; constructor(trans: TranslateservicE) { this.trans = trans; //This is variable for translate function this.lang = this.trans.currentLang; this.properties = this.trans.translations[this.lang]; } translate(key) { return this.properties[key]; } }
RenderTab.ts
import {Component,Inject,InjectablE} from 'angular2/core'; import {Helper} from './Helpper' @Component({ providers: [Helper] }) export class RenderTab { public Helper; constructor(Helper: Helper) { this.Helper = Helper; } render() { var test = this.Helper.translate('String'); } }
HomePage.ts
import {Component,InjectablE} from 'angular2/core'; import {RenderTab} from './RenderTab' @Component({ SELEctor: 'div',templateUrl: './HomePage.html',providers: [RenderTab] }) export class ColorPicker { public renderTab; constructor(renderTab: RenderTab) { this.renderTab = renderTab; var test = this.renderTab.render(); } }
请帮帮我,谢谢.
import {InjectablE} from "@angular/core"; import {http} from "@angular/http"; import {TranslateservicE} from "ng2-translate"; @Injectable() export class Helper { constructor(private http: http,private translateservice: TranslateservicE) { } }
现在您可以简单地注入此帮助程序并在您喜欢的任何组件中使用它.
import {Helper} from "./Helper.ts"; @Component({ ... }) export class MyComponent{ constructor(public Helper: Helper) {} }
更新:您需要在根模块的providers数组中添加服务才能使其正常工作
以上是大佬教程为你收集整理的如何在打字稿中写Helper类?全部内容,希望文章能够帮你解决如何在打字稿中写Helper类?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。