エラー：$ injector：modulerr画像をロードするときの角度のモジュール

Question

私は、Angularを使用してゼロからカルーセルを作成しようとしています。問題に関連する私のHTMLコードは次のとおりです。

<div id = "section1" class = "" ng-app = "sliderApp"> 
    <div class = "sec1_slider" ng-controller = "app"> 
     <div class = "slider_image"> 
       <img ng-src="{{ imageUrlProfile }}" class = "sm_icon"> 

関連するAPIをインポートしました。

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.5/angular.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.5/angular-route.js"></script> 

私の角度コードは以下の通りです。ランディングページで

var application = angular.module('sliderApp', ['ngRoute']); 

application.controller('app', function($rootScope, $scope) { 

     $rootScope.imageUrlProfile = 'slider-img1.png'; 

}); 

、iは角度コード「スライダimg1.png」で定義された画像を読み込んで、ブラウザコンソールで次のエラーがスローされていません。

angular.js：4073不明なエラー：[$インジェクター：modulerr]？http://errors.angularjs.org/1.3.5/ $インジェクター/ modulerr P0 = sliderApp & P1 = REFERE ... ogleapis.com％2Fajax％2Flibs％2Fangularjs％2F1.3.5％2Fangular.min。 JS％3A16％の3A463）

Click here to see the link to the error.

私は画像をロードするために何をすべきでしょうか？

編集：Here you can find the JSFiddle

Answer 1

問題は、あなたのconfigブロックに、あなたはコントローラの変数を指定していることです。しかし、変数の値を宣言された、または割り当てられていない。

はPlnkrを見てみましょう：http://plnkr.co/edit/2kfnAMja5BWgKTWU9FHt?p=preview

var application = angular.module('sliderApp', ['ngRoute']); 

application.controller('app', function($rootScope, $scope) { 

     $rootScope.imageUrlProfile = 'http://www.amaraholisticwellbeing.com/wp-content/uploads/2015/01/Fall-beautiful-nature-22666764-900-562.jpg'; 

}); 

application.config(['$routeProvider', function($routeProvider) { 
     $routeProvider. 
      when('/option1', {templateUrl: 'tab1.html'/**, controller: ProfileCtrl**/}). 
      when('/option2', {templateUrl: 'tab2.html'/**, controller: WorkCtrl**/}). 
      when('/option3', {templateUrl: 'tab3.html' /**,controller: EduCtrl**/}). 
      when('/', {templateUrl: 'openingTab.html'}). 
      otherwise({redirectTo: '/'}); 
}]); 

私はコントローラをコメントアウトしている場所を見ることができます。これらの変数は、あなたのフィドルで与えられたスクリプトには存在しません。 Plnkrを使用することにしました。なぜならJSFiddleはイメージの通常のHTTPリクエスト（httpsは正常）を送信しようとすると問題が発生するからです。