$scope:
var myapp = angular.module(‘myapp‘, []);
myapp
.controller(‘parent‘, function ($scope,$timeout) {
$scope.$broadcast(‘you‘);//已经发出广播
$scope.$on(‘you‘, function (event) {
console.log(event);//广播已经发出才进行监听，所以不会执行这一行
});
})
.controller(‘child‘, function ($scope) {
$scope.$on(‘you‘, function (event) {
console.log(event);//同样不会执行
});
})
<div ng-controller="parent">
<div ng-controller="middle">
<div ng-controller="child"></div>
</div>
</div>
var myapp = angular.module(‘myapp‘, []);
myapp
.controller(‘parent‘, function ($scope, $timeout) {
$scope.$on(‘you‘, function (event, data) {
console.log(event); //不会接收到通知
console.log(data); //不会接收到通知
});
})
.controller(‘middle‘, function ($scope, $timeout) {
$scope.$on(‘you‘, function (event, data) {
event.stopPropagation();
console.log(event); //event对象
console.log(data); //‘hello‘
});
$scope.$on(‘you‘, function (event, data) {
console.log(event); //虽然已经调用了stopPropagation,但由于是在同一个scope内，所以仍然event对象
console.log(data); //‘hello‘
});
})
.controller(‘child‘, function ($scope) {
$scope.$on(‘you‘, function (event, data) {
console.log(event); //event对象
console.log(data); //‘hello‘
});
$scope.$emit(‘you‘, ‘hello‘);
})
stopPropagation只针对$emit, 如果使用$scope.$broadcast(‘you’) 给you事件发送广播,那么event对象里就不会有stopPropagation方法，即使在子scope再使用$scope.$emit(‘you’)发送消息，调用该方法仍然报错。
$destroy:
var onTimeout = function() {
$scope.value += 1;
timer = $timeout(onTimeout, 1000);
};
var timer = $timeout(onTimeout, 1000);
$scope.value = 0;
$new (new,parent): 传入new会创建隔离作用域（isolate scope）??parent
.controller(‘parent‘, function ($rootScope, $scope) {
var child1 = $scope.$new();
var child2 = child1.$new();
$scope.a = 0;
child1.a = 10;
console.log(child2.a); //10
child2.$watch("a", function (newValue) {
console.log(newValue); //执行change后 11
});
$scope.change = function () {
child2.a++;
console.log(child1.a); //10
};
})
$watch ( ‘val‘, function ( newval, oldval, scope){ },boolean),
$watchGroup ( [ ‘str1‘, ‘str2‘ ] ,function ( newval, oldval, scope ))
$watchCollection ( obj ,function ( newval, oldval, scope ))
$watch 一般用来监听基本类型，监听对象时除非对象完全改变，也就是地址值发生改变，否则监听不到
$watchGroup会为数组中的每个变量添加一个$watch, 但只能浅监听，无法监听对象属性的改变，该属性主要是用来一次性为多个值添加浅监听
.controller(‘parent‘, function ($rootScope, $scope, $timeout) {
$scope.one = {a: 1};
$scope.two = {b: 2};
$scope.th3 = {c: 3};
$scope.arr = [‘one‘, ‘two‘],
$scope.$watchGroup($scope.arr, function (newval, oldval) { //一旦监听某个数组，该数组就会被锁定，对该数组无论做任何修改都不会改变监控的对象
console.log(‘hi‘);
})
$scope.change = function () {
$scope.arr[2] = ‘th3‘;
$scope.th3 = {}; //不起作用
}
$scope.change2 = function () {
$scope.two = {};
}
})
.controller(‘parent‘, function ($rootScope, $scope, $timeout) { $scope.a=1; $scope.b=2; var cal=function(scope){ return scope.a; } $scope.$watchGroup([cal],function(newval){ console.log(‘hi‘); }) $scope.change=function(){ $scope.a++; }})
$watchCollection: 为对象或数组的属性添加浅监听，也就是只监听对象的一个层级
.controller(‘parent‘, function ($rootScope, $scope, $timeout) {
$scope.one = {a: {aa: 1}};
$scope.$watchCollection(‘one‘, function (newval, oldval) {
console.log(‘hi‘);
});
$scope.change = function () {
$scope.one.a.aa = 2; //不能监听到
$scope.one.a = 3; //可以监听
}
})
$apply,$digest
.controller(‘parent‘, function ($rootScope, $scope, $timeout) {
$scope.a = 1;
setTimeout(function () {
$scope.$apply(function () {
$scope.a++;
})
}, 3000)
//或者直接使用digest
setTimeout(function () {
$scope.a++;
$scope.$digest();
}, 3000)
})
angular.module(name, [requires], [configFn]):
如： angular.module(myapp, [‘underscore‘], function($provide){ $provide.value ( ‘v1‘, ‘you‘ ) }) ;
模块可以以任意顺序下载，因为它总是延迟执行,因此不必在意他们之间加载的先后顺序
angular.extend(dst,src):
会影响原对象dst，并返回新对象,如果想保留原对象需要传入一个空对象angular.extend({},obj1,obj2)
angular.merge(dst,src):
与angular.extend()唯一的不同就是支持循环扩展
angular.copy(src,dst):
会先清空dst对象属性，然后复制src，如果src不是一个对象或值为null则直接返回一个空对象