美文网首页技术干货让前端飞
angualr控制器是什么?

angualr控制器是什么?

作者: 与其感慨路难行 | 来源:发表于2017-06-23 21:11 被阅读0次

大家好,我是IT修真院深圳分院第02期学员,一枚正直善良的web程序员。

今天给大家分享一下,修真院官网js任务5,深度思考中的知识点——异步编程有哪几种方法来实现?

1.背景介绍

在学习angular的过程中,不同于javascript,遇到了许多新的概念,比如指令(directive)、服务(service)、控制器(controller)、模型(model)等。还接触到了MVC这种将数据管理、业务逻辑控制和数据展示分离开,进而使程序的逻辑性和可维护性更强的思想。接下来,我们会分享、讨论一下控制器的用法。

2.知识剖析

2.1什么是控制器?

Angular中的控制器,是一个常规的JavaScript对象,用于控制 AngularJS 应用程序的数据。由标准的 JavaScript 对象的构造函数创建。通常它是通过controller()方法进行声明,该方法接受两个参数,第一个为控制器名称,第二个是个匿名方法,即控制器的构造方法(函数)。

例如,它可以这样表达:

2.2 控制器的作用域范围和继承

在html中使用ng-controller指令实例化控制器时,会产生一个新的作用域对象。在同一个页面的ng-app作用域下可以通过ng-controller实例化多个控制器对象。但是,每个控制器对应的作用域对象只能与ng-controller指令所在标签的开始与结束标签之间的DOM元素上建立数据绑定。

demo1       demo2

2.3 控制器的作用

控制器的作用主要有两个:第一个,scope作用域对象初始化 ;第二个,给scope作用域对象通过一些方法或者函数增加行为 。

demo3

3.常见问题

如何在多个controller中进行信息的沟通?

4.解决方案

方法一:利用作用域继承的原理,子控制器访问父级控制器中的内容。

方法二:异步回调响应式通信—事件机制(或消息机制)。

方法三:使用service服务进行数据传输。

5.编码实战

参见demo1-3

6.扩展思考

在多个controller中进行信息的沟通还有哪些?

ngularJs项目实战: 不同controller作用域之间通信的方式

7.参考文献

参考一:AngularJs入门与进阶

参考二:Angularjs Controller 间通信机制

参考三:angular学习(三)—— Controller

参考四:AngularJS的学习--$on、$emit和$broadcast的使用

参考五:angularJS的controller之间如何正确的通信

8.更多讨论

讨论:大家对angularJs中的控制器还有哪些理解?

9.视频资料


angualr控制器是什么?_腾讯视频


PPT

今天的分享就到这里啦,欢迎大家点赞、转发、留言、拍砖~

下期不见不散~

相关文章

  • angualr控制器是什么?

    大家好,我是IT修真院深圳分院第02期学员,一枚正直善良的web程序员。 今天给大家分享一下,修真院官网js任务5...

  • angualr控制器是什么?

    【CSS-10】 angualr控制器是什么? 小课堂【武汉分院第124期】 分享人:徐恒 目录 1.背景介绍 2...

  • 什么是ANGUALR的控制器?

    大家好,我是IT修真院北京分院第23期的学员郭婷婷,一枚正直纯洁善良的WEB前端程序员。 今天给大家分享一下,什么...

  • 什么是angualr的控制器

    大家好,我是IT修真院成都分院第7期的学员韩建名,一枚正直纯洁善良的WEB前端程序员。 今天给大家带来的是:什么是...

  • cookies封装

    js版本 angualr版本

  • angualr实现鼠标拖拽排序功能

    angualr2以上版本我使用的是angualr6.x最新版 ng2-dragula https://github...

  • angualr-cli.json配置css无效详解

    .angualr.json { "$schema":"./node_modules/@angular/cli/li...

  • 关于Git和SVN

    Git是什么?SVN是什么?Git是分布式版本控制器。SVN是集中式版本控制器。 什么是集中式版本控制器和分布式版...

  • angualr(二) 路由之angualr-router

    创建项目 路由的基本使用 路由对象图示 路由基本配置 路由通配符配置 HTML里面跳转链接 在js里面跳转路由 路...

  • angualr ngrx/store

    1.类与行为 2.状态转发 3.组件交互 4.其他配置 5.效果

网友评论

    本文标题:angualr控制器是什么?

    本文链接:https://www.haomeiwen.com/subject/mmqhcxtx.html