同じファイル内にある場合、指令のAngularjsサービスは不明です

最小化して同じファイルにロードした場合のみエラーが発生します。 app.tsがServiceまたはDirectiveの前にロードされている場合、それは機能します。同じファイル内にある場合、指令のAngularjsサービスは不明です

（コントローラに問題）

がどのように私はそれを動作させることはできませんか？

コンソールエラー：

site.js:119 Error: [$injector:unpr] http://errors.angularjs.org/1.5.0/$injector/unpr?p0=eProvider%20%3C-%20e%20%3C-%20routeNavigation%20%3C-%20navigationDirective 
    at Error (native) 
    at http://localhost:50308/js/site.js:11:416 
    at http://localhost:50308/js/site.js:48:7 
    at Object.d [as get] (http://localhost:50308/js/site.js:45:270) 
    at http://localhost:50308/js/site.js:48:69 
    at d (http://localhost:50308/js/site.js:45:270) 
    at e (http://localhost:50308/js/site.js:46:1) 
    at Object.invoke (http://localhost:50308/js/site.js:46:86) 
    at Object.$get (http://localhost:50308/js/site.js:43:460) 
    at Object.invoke (http://localhost:50308/js/site.js:46:295)(anonymous function) @ site.js:119

AngularJsエラーメッセージ：

Unknown provider: eProvider <- e <- routeNavigation <- navigationDirective

app.ts

enter code here 
"use strict"; 
var app = angular.module('HouseConcertApp', ['ngCookies', 'pascalprecht.translate', 'ngRoute', 'houseconcertControllers', 'houseconcertServices', 'houseconcertDirectives']); 

app.config([ 
'$translateProvider', '$routeProvider', function($translateProvider, $routeProvider) { ....

services.ts

すべてではない場合site.jsに最小限の順に（と：HTMLのheadスクリプトは次のように含まれている場合、それは動作します

directives.ts

var houseconcertDirectives = angular.module("houseconcertDirectives", []); 


houseconcertDirectives.directive('navigation', ['routeNavigation', routeNavigation => ({ 
    restrict: "E", 
    templateUrl: "navigation-directive-tpl.html", 
    controller($scope) { 
     $scope.routes = routeNavigation.routes; 
     $scope.activeRoute = routeNavigation.activeRoute; 
    } 
})]);

index.htmlを

<!doctype html> 
    <html ng-app="HouseConcertApp"> 
    <head> 
     <base href="/index.html"> 
     <title>House Concert</title> 
     <meta charset="utf-8"/> 
     <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <link rel="stylesheet" href="css/Main.css"/> 
     <script src="js/site.js" onload="Hc.Common.initialize()"></script> 
    </head> 
    <body> 
    <navigation></navigation> 

    <div ng-controller="HouseConcertCtrl"> 
      <div ng-view></div> 
     </div> 
    </div> 

    </body> 
    </html>

一息）

<script src="pathToFolder/app.ts"></script> 
<script src="pathToFolder/services.ts"></script> 
<script src="pathToFolder/controllers.ts"></script> 
<script src="pathToFolder/directives.ts"></script>

出典

2016-03-26 Claudia

ファイルminifiedをエラーなしで取得するには、一貫して依存性注入パターンに従うようにしてください。コード内にrouteNavigationファクトリコードだけがDIインライン配列注釈がありません。

縮小に関する警告

出典

2016-03-26 15:05:39

ため

houseconcertServices.factory('routeNavigation',['$route', '$location', function ($route, $location) { //service code will be as is. }]);

Doc linkへ

houseconcertServices.factory('routeNavigation', function ($route, $location) {

以下の変更は、ありがとうございます。これは1つの問題を解決しました。しかし、私はスコープのデータを取得する問題があります。私はエラーメッセージを編集します。 – Claudia

@Claudiaどのような問題が残っていますか？ –

マイ・ナビゲーションにデータがありません。 – Claudia

同じファイル内にある場合、指令のAngularjsサービスは不明です

答えて

関連する問題