没有任何错误，仍然无法正常工作

Question

我似乎没有让angularjs运行。 简短说明：我想在这里做的就是通过3个步骤到达订单服务。路线 - ＆gt; orderController - ＆gt; orderService和console.log（）一条消息。这将稍后向服务器发出ajaxcall并检索一些数据以进行播放。

当app.js试图调用控制器并且没有任何反应时，似乎出现了问题。没错，纳达。

查看加载JS

<script type="text/javascript" src="../../Scripts/angular.min.js"></script>
<script type="text/javascript" src="../../Scripts/angular-route.min.js"></script>
<script type="text/javascript" src="../../App_AngularJs/app.js"></script>
<script type="text/javascript" src="../../App_AngularJs/controllers/orders/orderController.js"></script>
<script type="text/javascript" src="../../App_AngularJs/service/orderService.js"></script>

<div class="container" ng-app="app">


</div>

app.js

console.log("app.js LOADED...");

angular.module('app', ['ngRoute', 'app.controller', 'app.service'])
 .config(['$routeProvider', function($routeProvider) {
    $routeProvider
        .when('/', {
            templateUrl: 'partials/orderList.htm',
            controller: 'MyCtrl1'
        });
    }
]);

orderController.js

console.log("orderController.js LOADED...");

angular.module('app.controller', [])
    .controller('MyCtrl1', ['$scope', 'orderService', function ($scope, orderService) {
       console.log("hej");
       init();

       function init() {
          console.log("hej");
          var hej = orderService.query();
          console.log(hej);
       }

    }
]);

orderService

console.log("orderService.js LOADED...");

angular.module('app.service', [])
.service('orderService', [
    function() {
        return {
            query: function() {
                // the query code here.
            }
        };
    }
]);

结构

Answer 1

你的html中应该有ng-view才能使用$ routeProvider将以下代码添加到html是一种方法...

<ng-view></ng-view>

但是如果你想工作你正在运行的例子（我在这里测试的是PLUNKER看看控制台输出......）只需将ng-controller添加到你的html标签中就像这样

<div ng-controller="MyCtrl1"></div>