如何使用angularjs 1.5 es6注入服务

时间:2016-09-22 09:03:18

标签: angularjs

我如何在我的控制器中为我的服务调用一个特定组件的方法

import angular from 'angular';

import {tech} from './tech';
import {techs} from './techs';
export const techsModule = 'techs';

angular
  .module(techsModule, [])
  .component('fountainTech', tech)
  .component('fountainTechs', techs);

这不适用于我应该注入的地方以及如何注入TechService

此控制器是此模块的组件

import angular from 'angular';
import uiRouter from 'angular-ui-router';
import ngAnimate from 'angular-animate'
import ngTouch from 'angular-touch'
import uiBootstrap from 'angular-ui-bootstrap';

import {componentsModule} from './components';
import {commonModule} from './common';
import {techsModule} from './techs'
import TechService from './techs/techService';

import routesConfig from './routes';

import './index.scss';


angular
    .module('myApp', [
        // dependencies
        uiRouter, ngAnimate, ngTouch, uiBootstrap,

        // modules
        componentsModule,
        commonModule,
        techsModule
    ])
    .config(routesConfig);

我的应用程序的根目录是

{{1}}

我想知道注入的位置以及我的服务TechService如何调用我的方法consoleLog()

1 个答案:

答案 0 :(得分:1)

最简单的解决方案是使用数组表示法:

export const tech = {
  template,
  bindings: {
    tech: '<'
  },
  controller: ['TechService', Controller]
};