Javascript x.controller和.controller之间的差异
我有一个主app.js文件，其定义代码如下：Javascript x.controller和.controller之间的差异,javascript,node.js,angularjs,Javascript,Node.js,Angularjs,我有一个主app.js文件，其定义代码如下： var app = angular.module('Funapp', [ 'Funapp.controllers', 'Funapp.services', ]) 我想知道为什么对于我的一些js控制器文件，我可以使用app.controller，而对于其他文件，我必须编写angular.module（）{}等来使用.controller？app.controller不适用于第二种情况 比如说。app.controller适用于我的发布
var app = angular.module('Funapp', [
'Funapp.controllers',
'Funapp.services',
])
'use strict';
app.controller('PostsCtrl', function ($scope, Post) { ...etc
'use strict';
angular.module('Funapp.services', [])
.factory('Post', function ($firebase, FIREBASE_URL) {....etc
'use strict';
//angular.module('Funapp') --> Doesnt work currently, neither does Funapp.controller
app.controller('PostViewCtrl', function ($scope, $routeParams, Post) { ...etc
有人能启发我如何使用AppController和.Controller，如果后者，我应该考虑在角模块（“，”[]）中键入什么？
我已经阅读了angular教程，并且理解angular.module（“，[]）定义了该模块，而angular.module（“”）使用该定义的模块。然而，我遇到了很多错误，我无法正确地解决问题，也无法理解这是如何工作的 这完全取决于主应用程序定义文件是否已加载，并且在您到达需要
PostViewCtrlapp.controllerapp.controller主页关于app.jsvar app = angular.module("demoApp", ['demoApp.services']);
var appServices = angular.module('demoApp.services', []);
appServices.service("svc1", function () {
return {
sayHi: function () {
alert("hi");
}
};
});
HomeCtrl.jsapp.controller("homeCtrl", function ($scope) {
$scope.msg = "Home!";
});
app.controller("aboutCtrl", function ($scope,svc1) {
$scope.msg = "About!";
svc1.sayHi();
});
关于trl.jsapp.controller("homeCtrl", function ($scope) {
$scope.msg = "Home!";
});
app.controller("aboutCtrl", function ($scope,svc1) {
$scope.msg = "About!";
svc1.sayHi();
});
Home.html<divng-controller="homeCtrl">
<h1>{{msg}}</h1>
</div>
<script src="~/app/Svc1.js"></script>
<script src="~/app/AboutCtrl.js"></script>
<div ng-controller="aboutCtrl">{{msg}}</p>
Svc1.jsvar app = angular.module("demoApp", ['demoApp.services']);
var appServices = angular.module('demoApp.services', []);
appServices.service("svc1", function () {
return {
sayHi: function () {
alert("hi");
}
};
});
长话短说，引用应用程序模块的
appappServices<!doctype html>
<html ng-app="Funapp">
<head>
<link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
</head>
<body ng-controller="PostsCtrl">
<div class="well">
<h1>{{message}}</h1>
</div>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.17/angular.min.js"></script>
<script>
angular.module('Funapp.services', [])
.service('PostService', [function () {
return {
doSomething: function() {
return "I posted something";
}
}
}]);
angular.module('Funapp.controllers', ['Funapp.services'])
.controller('PostsCtrl', ['$scope', 'PostService', function ($scope, Post) {
$scope.message = Post.doSomething();
console.log("I'm a Post Controller");
}
]);
angular.module('Funapp', [
'Funapp.controllers'
]);
</script>
</body>
</html>
{{message}}
angular.module（'Funapp.services'，[]）
.service（'PostService'，[功能（）{
返回{
doSomething:function（）{
返回“我发布了一些东西”；
}
}
}]);
angular.module（'Funapp.controllers'，['Funapp.services']））
.controller（'PostsCtrl'，['$scope'，'PostService'，函数（$scope，Post）{
$scope.message=Post.doSomething（）；
log（“我是邮政管理员”）；
}
]);
角度模块（'Funapp'[
“Funapp.controllers”
]);
我希望更改的原因是我对js文件的理解不足，这可能会导致我将来在js文件中出现令人沮丧的错误。服务也是如此。您为其创建服务的应用程序也必须在您编写“app.service”时加载，主要是在向其添加服务/控制器等时将模块定义就绪。在启动时加载
var-appServices=angular.module（'Funapp.services'，[]）appServicesappService.factory（）