angularjs入门剖析.pptVIP

Angular的依赖注入实现 每一个Angular应用都有一个injector injector负责自动处理依赖关系、实例化对象 对用户代码来说，injector是透明的 injector会自动分析函数签名，注入所需要的对象 inJector注入有三种方式： /lodingzone/p/4895275.html DI可以用在各种不同的地方，主要用在controller和factory中 三、ng官方推荐的模块切分方式 任何一个ng应用都是由控制器、指令、服务、路由、过滤器等有限的模块类型构成的 用一个总的app模块作为入口点，它依赖其它所有模块 App controllers directives services routes filters AngularJS的模块化实现 一个完整项目结构是什么样的？ 应用的主html文件 作为启动点的js 这是一个Githup上AngularJS项目种子文件，如果你不知道如何搭建Angular项目，可以从别人项目的基础上开发，这是一个比较纯净的Angular-seed的Githup地址：/glitchtank/angular-seed-master 喜欢的可以down下来玩玩 项目结构如图所示。 Hello World For AngularJS 四、Hello World! 开始学习AngularJS的一个好方法是创建经典应用程序“Hello World!”： 现在试着在输入框中键入你的名称，你键入的名称将立即更新显示在问候语中。 这就是AngularJS双向数据绑定的概念。 输入框的任何更改会立即反映到模型变量（一个方向），模型变量的任何更改都会立即反映到问候语文本中（另一方向） 五、何时用Controller、Directive、Service AngularJS是一款非常强大的前端MVC框架。同时，它也引入了相当多的概念， Directive（指令），Controller（控制器），Service （服务）。 那我们该何时使用这些呢？ 本文Blog地址： /lodingzone/p/4845646.html 1、Service（服务） Service就是【单例对象】在AngluarJS 中的一个别名。这些小东西（指单例对象）会被经常传来传去，保证你每次访问到的都是同一个实例，这一点和工厂模式不同。基于这种思想，单例对象让我们可以 实现一些相当酷的功能，它可以让很多controller和directive访问内部的数值。 简单来说，如果你需要对一个数据做增删改查，那么我们会用Service做持久化，让不同Controller共享Service数据做处理，如果你还是不理解请看下面代码： Service例子 这是一个非常简单的service（有时候这样就够你用了）。我们这里正在做的事情就是在管理一个book 数组，同时还带有一个addBook方法，在有需要的时候可以添加更多书籍。 在HbaseView中，我把登录请求写在service中，如果是单页面应用我们可以通过访问service获取用户信息 2、Controller（控制器） Controller应该纯粹地用来把service、依赖关系、以及其它对象串联到一起，然后通过scope把它们关联到view上。如果在你的 视图里面需要处理复杂的业务逻辑，那么把它们放到controller里面也是一个非常不错的选择。 如果我要add一本书籍应该怎么办呢？我应该在controller上面新增一个方法来处理这件事情吗？ 不，原因在下面解释。因为它是DOM交互/操作的一部分。 Controller（控制器）-注意点 不要试图去复用Controller，一个控制器一般只负责一小块视图 不要在Controller中操作DOM，这不是控制器的职责 不要在Controller里面做数据格式化，ng有很好用的表单控件 不要在Controller里面做数据过滤操作，ng有$filter服务 一般来说，Controller是不会互相调用的，控制器之间的交互会通过事件进行 3、Directive(指令) 到目前为止，在我们所编写的大量AngularJS应用中，应用中最主要的复杂部分都在directive（指令）中。有一个强大的工具可以用来操 作和修改DOM，它也是我们这里需要讨论的内容。我们来提供一个按钮，用户通过它可以向service里面添加一本图书。 Angular对directive的定义是一段代码片段，你 可以用它来操作DOM，但是我觉得directive也是进行用户交互的很好选择。我们来扩展前面的例子，为用户提供一个按钮，通过这个按钮可以向 service里面添加一本书籍。