如何將一個控制器注入到Config內部的狀態對象中？ （UI-路由器）

Question

下面，我試圖將PlatformCtrl注入我的$ stateProvider對象中：

app.js

"use strict";
module.exports = angular.module('tickertags', [
    'templateCache',
    'headers',         // headers (platform, view, timespan)
    'tickertags-auth', // authentication / authentication_module.js
    'settings',        // settings
    'tags',            // tags / tags_module.js
    'tickers',         // tickers / tickers_module.js
    'ui.mask',         // https://github.com/angular-ui/ui-mask
    'ui.router',       // https://github.com/angular-ui/ui-router
    'ui.bootstrap'     // https://github.com/angular-ui/bootstrap,
])
.config([
    '$stateProvider',
    '$urlRouterProvider',
    'PlatformCtrl',
function(
    $stateProvider,
    $urlRouterProvider,
    PlatformCtrl) {

//...

const platformHeader = {
    name: 'platformheader',
    templateUrl: "headers/platform/platform_header.html",
    controller: PlatformCtrl,
    controllerAs: "ph",
    transclude: true,
    bindings: {
        ticker: '<',
        startEpoch: '<',
        endEpoch: '<',
        timespan: '<',
        feed_open: '<'
    }
};

$stateProvider
    .state(login)
    .state(password)
    .state(passwordReset)
    .state(settings)
    .state(settingsDefault)
    .state(settingsAlerts)
    .state(platformHeader);

出現以下錯誤：

由於以下原因，無法實例化模塊標簽：錯誤：[$ injector：unpr]未知提供程序：PlatformCtrl

platform_header_component.js

module.exports = angular
    .module('headers')
    .controller('PlatformCtrl', PlatformCtrl);

PlatformCtrl.$inject = [
    'api',
    '$element'];

function PlatformCtrl(
    api,
    $element) {
    //....

---

我要避免的是必須將每個組件的所有控制器代碼都放在app.js>配置空間中：

$stateProvider.state('tags', {
    parent: 'tickers',
    url: "/:ticker",
    views: {
      'tagsPanel@': {
        template: '<p>Tags for {{$ctrl.ticker}}</p>',
        controllerAs: '$ctrl',
        bindToController: true,
        controller: function($stateParams) {
          this.$onInit = function() {
            console.info('Tags Panel 2 $onInit');
            this.ticker = $stateParams["ticker"];
          }
        }
      }
    }
  });

^我的app.js很大，無論如何，控制器都應該模塊化。

Answer 1

第一件事是控制器在配置階段不可用。 第二件事是控制器不可用於DI，它們通過$controller服務實例化。

它是

controller: 'PlatformCtrl',
...