angularjs的使用：$scope与双向数据绑定，自动注入（6）

来源：互联网发布：淘宝怎么搜高仿手表编辑：程序博客网时间：2024/06/07 18:19

1. $scope与双向数据绑定

1.1 Tree型数据结构

由于ng的$scpe机制和对象深比较机制，ng在处理Tree型结构方面性能非常差

建议不要对tree型结构使用双向数据绑定

1.2 $scope

Scope提供$watch方法监视Model的变化。

Scope提供$apply方法传播Model的变化。

Scope可以继承，用来隔离不同的applicationcomponents和属性访问权限。

Scope为Expressions的计算提供上下文。

2. 自动注入

1. 推断式自动注入

var myModule = angular.module("MyModule", []);var Mycrtl = function($scope){$scope.name  ‘’;}myMdule.controller(‘Mycrtl’, MyCrtl);注意：函数参数名称必须要和被注入的对象相同

2. 声明式注入

var myModule = angular.module("MyModule", []);var Mycrtl = function(thisName){thisName.name  = ‘’;}MyCtrl.$inject = [‘$scope’];//注入列表myMdule.controller(‘Mycrtl’, MyCrtl);

3. 内联式注入

var myModule = angular.module("MyModule", []);myModule.controller('MyCtrl', ['$scope', function($scope){$scope.sayHello=function(name){alert("Hello "+name);}}])

0 0