错误的角度路由

你能帮我吗？我尝试使用AngularJS呈现页面。页面已被渲染，但在浏览器的控制台中，它给我错误。错误的角度路由

app.js（主角度文件）

var DevApp = angular.module("DevApp", [ 'ngRoute' ]) 

.config(['$routeProvider',function($routeProvider) { 
    $routeProvider.when('/', { templateUrl: 'tpl/index.html', controller: "MainCtrl" }) 
    .otherwise({ 
      url: '/', 
      controller: "MainCtrl", 
      templateUrl: "tpl/index.html" 
     }); 
}]) 

.controller('MainCtrl', [ 
    '$scope', 
    '$http', 
    '$routeParams', 
    '$element', 
    '$timeout', 
    function($scope, $http, $routeParams, $element, $timeout) { 
     console.log(1); 
    } 
]);

TPL/index.html中（MainCtrl的temppate）

<div ng-controller="MainCtrl"> 
    Главная страница 
</div>

的index.html（主文件）

<!DOCTYPE html> 
<html ng-app="DevApp"> 
    <head> 
    <link rel="stylesheet" href="/bootstrap/dist/css/bootstrap.min.css"> 
    <script type="text/javascript" src="/javascripts/jquery/jquery.min.js"></script> 
    <script type="text/javascript" src="/javascripts/angular/angular.min.js"></script> 
    <script type="text/javascript" src="/javascripts/angular/angular-route.js"></script> 
    <script type="text/javascript" src="/javascripts/angular/app.js"></script> 
    <script type="text/javascript" src="/bootstrap/dist/js/bootstrap.min.js"></script> 
    </head> 
    <body> 
    <div ng-view></div> 
    </body> 
</html>

我收到错误：

angular.js:12416 
Error: [$injector:unpr] http://errors.angularjs.org/1.4.5/$injector/unpr?p0=%24elementProvider%20%3C-%20%24element%20%3C-%20MainCtrl 
    at Error (native) 
    at http://127.0.0.1:3000/javascripts/angular/angular.min.js:6:416 
    at http://127.0.0.1:3000/javascripts/angular/angular.min.js:40:307 
    at Object.d [as get] (http://127.0.0.1:3000/javascripts/angular/angular.min.js:38:308) 
    at http://127.0.0.1:3000/javascripts/angular/angular.min.js:40:381 
    at d (http://127.0.0.1:3000/javascripts/angular/angular.min.js:38:308) 
    at e (http://127.0.0.1:3000/javascripts/angular/angular.min.js:39:64) 
    at Object.instantiate (http://127.0.0.1:3000/javascripts/angular/angular.min.js:39:213) 
    at http://127.0.0.1:3000/javascripts/angular/angular.min.js:80:257 
    at link (http://127.0.0.1:3000/javascripts/angular/angular-route.js:977:26) <div ng-view="" class="ng-scope">

来源

2016-04-22 John V

控制器参数中'$ element'和'$ timeout'是什么意思？ – niyasc

我通过例子编写了这段代码。现在我删除$元素和$时间，它的工作原理！但我不明白为什么代码不起作用。 –

您正在向控制器注入$ element服务。所以，当你想使用$元素时，你需要这个服务应该在控制器加载时可用。 –

-1

我没有测试你的代码，但也许有路由器声明错字（没有“url”参数）

.config(['$routeProvider',function($routeProvider) { 
    $routeProvider. 
    when('/', { templateUrl: 'tpl/index.html', controller: "MainCtrl" }) 
    otherwise({ 
      redirectTo: '/' 
     }); 
}])

来源

2016-04-22 06:09:12 AlainIb

试试这个

var DevApp = angular.module("DevApp", [ 'ngRoute' ]) 

DevApp.config(['$routeProvider',function($routeProvider) { 
    $routeProvider.when('/', { templateUrl: 'tpl/index.html', controller: "MainCtrl" }) 
    .otherwise({ 
      url: '/', 
      controller: "MainCtrl", 
      templateUrl: "tpl/index.html" 
     }); 
}]) 

DevApp.controller('MainCtrl', [ 
    '$scope', 
    '$http', 
    '$routeParams', 
    '$element', 
    '$timeout', 
    function($scope, $http, $routeParams, $element, $timeout) { 
     console.log(1); 
    } 
]);

来源

2016-04-22 06:12:44

Unknown provider: $elementProvider <- $element <- MainCtrl，这意味着$element无法注入您的MainCtrl。

来源

2016-04-22 06:13:52 Ioan

你跑得比我快，回复：D –

错误的角度路由

回答

相关问题