我在网上搜了下,AngularJS使用DOM选择,,,大牛说,学习AngularJS就忘掉JQuery...因为他们的设计的理念不一样...
1、AngularJS允许我们使用angular.module()方法来声明模块 这个方法能够接受两个参数,第一个是模块的名称,第二个是依赖列表,也就是可以被注入到模块中的对象列表
angular.module('myApp', []);
2、调用这个方法时如果只传递一个参数,就可以用它来引用模块
// 这个方法用于获取应用
angular.module('myApp')
3、AngularJS启动并生成视图时,会将根ng-app元素同$rootScope进行绑定。$rootScope是所有$scope对象的最上层
$rootScope是AngularJS中最接近全局作用域的对象。在$rootScope上附加太多业务逻并不是好主意,这与污染JavaScript的全局作用域是一样的。
4、$scope对象在AngularJS中充当数据模型, 它只是视图和HTML之间的桥梁,它是视图和控制器之间的胶水。
run 和 controler区别...
run 将变量设置在$rootScope上
ang<div ng-app="myApp">
<h1>Hello {{ name }}</h1>
</div>
ular.module('myApp', [])
.run(function($rootScope) {
$rootScope.name = "World";
});
controller 将一个控制器对象附加到DOM元素上 子$scope对象
<div ng-app="myApp">
<div ng-controller="MyController">
<h1>Hello {{ name }}</h1>
</div>
</div>
angular.module("myApp", [])
.controller('MyController',
function($scope) {
$scope.name = "Ari";
});
ng-controller指令为这个DOM元素创建了一个新的$scope对象,并将它嵌套在$rootScope中
设计良好的应用会将复杂的逻辑放到指令和服务中。
简洁的控制器:
angular.module('myApp', [])
.controller('MyController', function($scope,UserSrv) {
// 内容可以被指令控制
$scope.onLogin = function(user) {
UserSrv.runLogin(user);
};
}); //UserSrv是什么