全局定义的 AngularJS 控制器和封装 [英] Globally defined AngularJS controllers and encapsulation
问题描述
根据 AngularJS 的教程,控制器函数只是位于全局范围内.
According to AngularJS's tutorial, a controller function just sits within the global scope.
http://docs.angularjs.org/tutorial/step_04
控制器函数本身是否会自动解析为封装的作用域,还是驻留在全局作用域中?我知道他们被传递了对他们自己的 $scope 的引用,但看起来函数本身只是位于全局范围内.显然这可能会导致问题,我通过经验和教育学会了封装 此外,如果它们确实存在于全局范围内,那么将它们封装在像这样被引用的对象中是否不被认为是最佳实践:
Do the controller functions themselves automatically get parsed into an encapsulated scope, or do they dwell within the global scope? I know that they are passed a reference to their own $scope, but it appears that the function themselves are just sitting in the global scope. Obviously this can cause problems down the road, and I have learned through experience and education to encapsulate Further more, if they do dwell within the global scope, would it not be considered a best practice to encapsulate them within an object to be referenced like this:
Object.functionName();
而不是这个:
functionName();
为了防止因全局作用域(即覆盖函数等)的污染而出现的问题
So as to prevent issues that occur with the pollution of the global scope (ie overriding functions, etc..)
推荐答案
AngularJS 支持 2 种注册控制器函数的方法——作为全局可访问的函数(你可以在提到的教程中看到这种形式)或作为模块的一部分(形成一种命名空间).更多关于模块的信息可以在这里找到:http://docs.angularjs.org/guide/module 但简而言之,可以像这样在模块中注册一个控制器:
AngularJS supports 2 methods of registering controller functions - either as globally accessible functions (you can see this form in the mentioned tutorial) or as a part of a modules (that forms a kind of namespace). More info on modules can be found here: http://docs.angularjs.org/guide/module but in short one would register a controller in a module like so:
angular.module('[module name]', []).controller('PhoneListCtrl', function($scope) {
$scope.phones = [..];
$scope.orderProp = 'age';
});
AngularJS 在许多示例中使用了一种简短的全局函数形式来声明控制器,但是虽然这种形式适用于快速示例,但不应在实际应用中使用.
AngularJS uses a short, global-function form of declaring controllers in many examples but while this form is good for quick samples it rather shouldn't be used in real-life applications.
简而言之:AngularJS 使正确封装控制器功能成为可能,但也暴露了一个更简单、快速的 &将它们声明为全局函数的肮脏方式.
In short: AngularJS makes it possible to properly encapsulate controller functions but also exposes a simpler, quick & dirty way of declaring them as global functions.
这篇关于全局定义的 AngularJS 控制器和封装的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!