javascript
  • angularjs
  • dom
  • angularjs-ng-route
  • 2014-12-13 88 views 0 likes 
    0

    我試圖找出爲什麼我有這樣的錯誤:

    Uncaught Error: [$injector:modulerr]

    我有下面的代碼中的index.html

    Angulajs ngRoute不工作

    <!DOCTYPE html> 
    <html ng-app="MainApp"> 
    <head> 
    <meta charset="utf-8"> 
        <link rel='stylesheet' type='text/css' href='core/sty.css'> 
        <script src="core/CS/ang/angular.min.js"></script> 
        <script src="core/CS/ang/angular-resource.min.js"></script> 
        <script src="core/CS/ang/angular-route.min.js"></script> 
    </head> 
        <body> 
        <div id="header-cont"> 
         <div id="header"> 
          <ul style="list-style:none;"> 
           <li style="display:inline;float:left;"><font style="font-size:38px;top:-5px;left:-1px;position:fixed;">title</font></li> 
           <li class="menu">News</li> 
           <li class="menu"><ul class="sub-menu"> 
            <a href="/admin/login"><li class="SMoption">1 First login</li></a> 
            <a href="/admin/register"><li class="SMoption">2 Duble register</li></a> 
             </ul>account</li> 
          </ul> 
         </div> 
        </div> 
        <ng-view></ng-view> 
        <script src="core/CS/mainscript.js"></script> 
        <script src="core/CS/config.js"></script> 
        <script src="core/CS/controllers.js"></script> 
        <script src="core/CS/modules.js"></script> 
    </body> 
    </html> 
    



    的mainscript。 js

    'use strict'; 
    
    var appv = angular.module("MainApp", ['ngRoute','ngResource']); 
    


    而config.js

    'use strict'; 
    
    appv.config(function($routeProvider) { 
    
        $routeProvider. 
         when('/', { 
         //controller: 'HomeController', 
         templateUrl: 'views/home.html' 
         }). 
         when('/page/:pgId', { 
         //controller: 'PageController', 
         templateUrl: 'views/page.html' 
         }). 
         when('/article/:pgId/:artId', { 
         //controller: 'ArticleController', 
         templateUrl: 'views/article.html' 
         }). 
         when('/admin/:adCode', { 
         //controller: 'AdminController', 
         templateUrl: 'views/admin.html' 
         }). 
        otherwise({templateUrl: 'views/home.html'}); 
        $locationProvider.html5Mode(true); 
    }); 
    




    正如你可以看到我已經包括了NG-route.js,ngRoute模塊的事,但沒有工作...

    +0

    把腳本標記爲ngroute和ngresource .js文件角的js文件上面的文件和所有的人你上面的腳本 – 2014-12-13 09:49:10

    +0

    你可以檢查我的答案 http://stackoverflow.com/questions/27456033/how-to-read-url-query-parameters-with-angularjs/27456353#27456353 – 2014-12-13 10:48:18

    回答

    1

    啓用HTML5模式通過添加$locationProvider.html5Mode(true);但你沒有注入$locationProvider提供商進入配置功能,並稱將解決這個問題:)

    appv.config(function($routeProvider, $locationProvider) { 
    ......... 
    
    1

    您需要包括$locationProvider作爲依賴於你的配置功能這樣的:

    'use strict'; 
    
    appv.config(function($routeProvider, $locationProvider) { 
    
        $locationProvider.html5Mode(true); 
    
        $routeProvider. 
         when('/', { 
         //controller: 'HomeController', 
         templateUrl: 'views/home.html' 
         }). 
         when('/page/:pgId', { 
         //controller: 'PageController', 
         templateUrl: 'views/page.html' 
         }). 
         when('/article/:pgId/:artId', { 
         //controller: 'ArticleController', 
         templateUrl: 'views/article.html' 
         }). 
         when('/admin/:adCode', { 
         //controller: 'AdminController', 
         templateUrl: 'views/admin.html' 
         }). 
         otherwise({templateUrl: 'views/home.html'}); 
    }); 
    
    相關問題