首页 > 解决方案 > AngulrJS 1.6 中的依赖注入类

问题描述

我想创建一个依赖于某些服务但没有任何视图的类。

如何在 AngularJS 1.6 中指定该类

如果我使用@Component那么我需要提到模板,但是这个类是没有任何视图的纯功能类。

另外我不想创建服务,因为它只会使用一次。在下面的代码中,我想在 Main.ts 中使用 Manager 类

main.ts

@Component({
  selector: 'main',
  moduleName: 'APP.MAIN'
})

@View({
  bindToController: {
    input: '=',
    output: '='
  },
  template: template
})

export interface IMain {

}

export class Main implements IMain {
public manager: IManager;
 constructor(
    @Inject (
      '$q', 
      '$timeout',
      '$window')
    private $q: angular.IQService,
    private $timeout: angular.ITimeoutService,
    private $window: angular.IWindowService) {
    manager = new IManager();
    manager.process(3);
    }

}

经理.ts

export interface IManager {
    public process(id: number): void;

}
export class Manager implements IManager {
    constructor(
    @Inject (
      '$q', 
      '$timeout',
      '$window')
    private $q: angular.IQService,
    private $timeout: angular.ITimeoutService,
    private $window: angular.IWindowService) {

    }

    public process(id: number) : void {
        funcA();
        funcB();
        setInterval( () => this.funcC(),60000);
    }

    private funcA(): void {

    }

    private funcB(): void {

    }

    private funcC(): void {

    }

}

标签: angularjs

解决方案


推荐阅读