Angularjs 没有任何错误,仍然不工作
我似乎没有让angularjs跑起来。 简短描述:我在这里要做的就是通过3个步骤到达orderservice。Route->orderController->orderService和there console.log()发送一条消息。这将在稍后对服务器进行ajaxcall,并检索一些数据以供使用 当app.js尝试调用控制器时,问题似乎发生了,但什么也没发生。没有错,娜达 查看加载JSAngularjs 没有任何错误,仍然不工作,angularjs,Angularjs,我似乎没有让angularjs跑起来。 简短描述:我在这里要做的就是通过3个步骤到达orderservice。Route->orderController->orderService和there console.log()发送一条消息。这将在稍后对服务器进行ajaxcall,并检索一些数据以供使用 当app.js尝试调用控制器时,问题似乎发生了,但什么也没发生。没有错,娜达 查看加载JS <script type="text/javascript" src="../../Scripts/a
<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>
orderController.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'
});
}
]);
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);
}
}
]);
订单服务
console.log("orderService.js LOADED...");
angular.module('app.service', [])
.service('orderService', [
function() {
return {
query: function() {
// the query code here.
}
};
}
]);
结构
console.log("orderService.js LOADED...");
angular.module('app.service', [])
.service('orderService', [
function() {
return {
query: function() {
// the query code here.
}
};
}
]);
要使用$routeProvider,您的html中应该有
ng视图
,将以下代码添加到html是一种方法
<ng-view></ng-view>
但是,如果您想使用正在运行的示例(我在这里测试的是look console输出…),只需将ng控制器添加到一个html标记中,如下所示
<div ng-controller="MyCtrl1"></div>
你的标题和描述都有很多不尽如人意之处。请描述您的应用程序及其功能。您的意思是控制器不工作吗?请更新@isherwood的简短描述。是的,似乎停在app.js上,从不调用ordercontroller.js init函数来执行控制台。log()是的,尝试将其放入div中,但这是硬编码的方式,必须有一种方法使其工作,而不在视图中命名控制器?