angularjs学习

1.controller依赖注入的方式
(1)angular.module('app',['dep1','dep2',function(dep1,dep2){}]);
(2)
function ctrl(a,b){}
ctrl.$inject=['dep1','dep2'];
angular.module('app',ctrl);
2.angular中的MVVM模式
view:负责视图渲染；
model：后台或全局的数据对象
VM：粘合视图和模型，负责向视图提供展示数据，同时视图操作改变vm，和数据对象；
在angularjs中，$scope就是VM
controller：处理数据对象，初始化VM。
3.constant,value,service,factory,provide


4.ng-option
var app = angular.module('app', []);
app.controller('selectController', function ($scope) {
$scope.mycity = '北京';
$scope.Cities = [{ id: 1, name: '北京', group: '中国' }, { id: 2, name: '上海', group: '中国' }, { id: 3, name: '广州',group:'中国' }];
});
<select ng-model="mycity" ng-options="city.name as city.name group by city.group for city in Cities"></select>
city.name     ·as city.name     group by city.group        for city in Cities
(与ng-model字段类型一致) （这是下拉单展示的字段） （分组） （遍历）


5.javascript可以从DOM中获取作用域
angular.element('#elementID').scope()
原因是：$scope作为作用域，他的数据属性关联到DOM上的，ng-app关联的就是根作用域，$rootScope
6.angularjs多启动ng-app
angular.bootstrap(element,['app']);//手动启动
7.angularjs编译dom流程
1.浏览器解析html，生成dom树；
2.加载angularjs文件
3.查找ng-app，确定angularjs作用范围；
4.遍历dom树node节点，找出所有的指令，并且返回链接函数；
5.传入scope，执行链接函数，在scope域真实的DOM树之间建立关联；
8.angularjs控制器controller通信的几种方式
1.通过继承父scope；
2.通过事件机制，$broadcast,$emit,$on实现；
3.通过单例服务实现；