angularjs的使用:$scope与双向数据绑定,自动注入(6)

本文探讨了AngularJS中$scope机制的使用技巧,特别是在处理Tree型数据结构时的注意事项,同时介绍了三种不同方式的依赖注入方法及其注意事项。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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);
	}
}])



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值