详解AngularJS掌握器的用法_
![详解AngularJS掌握器的用法__第1页](https://file7.zhuangpeitu.com/fileroot7/2021-7/15/ad7dd81c-4d79-4cb8-8d2b-7736841d8330/ad7dd81c-4d79-4cb8-8d2b-7736841d83301.gif)
![详解AngularJS掌握器的用法__第2页](/images/s.gif)
![详解AngularJS掌握器的用法__第3页](/images/s.gif)
《详解AngularJS掌握器的用法_》由会员分享,可在线阅读,更多相关《详解AngularJS掌握器的用法_(5页珍藏版)》请在装配图网上搜索。
1、详解AngularJS掌握器的用法_ 这篇文章主要为大家具体介绍了AngularJS掌握器的用法方法,感爱好的小伙伴们可以参考一下 掌握器在Angularjs中的作用是增加视图,它实际就是一个函数,用来向视图中的作用域添加额外的功能,我们用它来给作用域对象设置初始状态,并添加自定义行为。 当我们在页面上创建一个掌握器时,Angularjs会生成并传递一个$scope给这个掌握器,由于Angularjs会自动实例化掌握器,所以我们只需要写构造函数即可。下面的例子展现了掌握器初始化: function my Controller($scope) $scope.msg=hello,world!; 上
2、面这个创建掌握器的方法会污染全局命名空间,更合理的方法是创建一个模块,然后在模块中创建掌握器,如下: var myApp=angular.module(myApp,); myApp.controller(myController,function($scope) $scope.msg=hello,world!; ) 用内置指令ng-click可以将按钮、链接等其他任何DOM元素同点击大事进行绑定。ng-click指令将扫瞄器中的mouseup大事,同设置在DOM元素上的大事处理程序绑定在一起(例如,当扫瞄器在某个DOM元素上触发了点击大事,函数就会被调用)。和前面的例子类似,绑定看起来是这样的
3、: div ng-controller=FirstController h4The simplest adding machine ever/h4 button ng-click=add(1) class=buttonAdd/button a ng-click=subtract(1) class=button alertSubtract/a h4Current count: counter /h4 /div 按钮和链接都被绑定在了内部$scope的一个操作上,当点击任何一个元素时AngularJS都会调用相应的方法。留意,当设置调用哪个函数时,会同时用括号传递一个参数(add(1)) app.
4、controller(FirstController, function($scope) $scope.counter = 0; $scope.add = function(amount) $scope.counter += amount; ; $scope.subtract = function(amount) $scope.counter -= amount; ; ); Angularjs与其他框架的最大区分在于,掌握器并不适合来执行DOM操作、格式化或数据操作,以及除存储数据模型之外的状态维护操作,它只是视图和$scope之间的桥梁。 掌握器嵌套(作用域包含作用域) AngularJS应
5、用的任何一个部分,无论它渲染在哪个上下文中,都有父级作用域存在。对于ng-app所处的层级来讲,它的父级作用域就是$rootScope。 默认状况下,AngularJS在当前作用域中无法找到某个属性时,便会在父级作用域中进行查找。假如AngularJS找不到对应的属性,会顺着父级作用域始终向上查找,直到抵达$rootScope为止。假如在$rootScope中也找不到,程序会连续运行,但视图无法更新。 通过例子来看一下这个行为。创建一个ParentController,其中包含一个user对象,再创建一个ChildController来引用这个对象: app.controller(Parent
6、Controller, function($scope) $scope.person = greeted: false; ); app.controller(ChildController, function($scope) $scope.sayHello = function() $scope.person.name = Ari Lerner; ; ); 假如我们将ChildController置于ParentController内部,那ChildController的$scope对象的父级作用域就是ParentController的$scope对象。依据原型继承的机制,我们可以在子作用域中访问ParentController的$scope对象。 div ng-controller=ParentController div ng-controller=ChildController a ng-click=sayHello()Say hello/a /div person /div 以上就是本文的全部内容,盼望对大家的学习有所关心,关心大家熟识AngularJS掌握器。 .
- 温馨提示:
1: 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
2: 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
3.本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
5. 装配图网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。