角度布线错误

Question

Can you help me please? 你能帮我吗？ I try to render page with AngularJS. 我尝试使用AngularJS渲染页面。 Page has been rendered, but in console of browser it give me error. 页面已呈现，但在浏览器的控制台中却给我错误。

app.js (main angular file) 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 (temppate of MainCtrl) tpl / index.html （MainCtrl的模板）

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

index.html (main file) 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>

I receive error: 我收到错误消息：

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">

Answer 1

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

Answer 2

Try this 尝试这个

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);
    }
]);

Answer 3

I didn't test your code but maybe there is typo in the router declaration ( there is no 'url' param ) 我没有测试您的代码，但是路由器声明中可能有错字（没有'url'参数）

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

角度布线错误

问题描述

3 个解决方案

解决方案1
1 2016-04-22 06:13:52

解决方案2
0 2016-04-22 06:12:44

解决方案3
-1 2016-04-22 06:09:12

角度布线错误

问题描述

3 个解决方案

解决方案1 1 2016-04-22 06:13:52

解决方案2 0 2016-04-22 06:12:44

解决方案3 -1 2016-04-22 06:09:12

解决方案1
1 2016-04-22 06:13:52

解决方案2
0 2016-04-22 06:12:44

解决方案3
-1 2016-04-22 06:09:12