AngularJS——第2章模块化

【AngularJS——第2章模块化】的更多相关文章

AngularJS——第2章模块化

第2章模块化使用AngularJS构建应用时是以模块化的方式组织的,即将整个应用划分成多个小模块,各个模块有各自的职责,最终实现完整的应用. 2.1 定义应用通过为任一HTML标签添加ng-app属性,可以指定一个应用,表示此标签所包裹的内容都属于应用(App)的一部分. 格式: <html lang="en" ng-app="App"> 2.2 定义模块 AngularJS提供了一个全局对象angular,在此全局对象下存在若干的方法,其中ang…

AngularJS——第1章简介

第1章简介由谷歌公司开发维护的前端MVC框架,克服了HTML在构建应用上的诸多不足,降低了开发成本,提高了效率. 一个框架以数据和逻辑作为驱动 AngularJS核心特性:模块化,双数据绑定,语义化标签,依赖注入类似框架:React,Vue,BackBone,KnockoutJS 下载通过AngularJS官网下载,不过优于国内特殊情况,需要FQ 通过npm下载,npm install angular 通过bower下载,bower install angular MVC MVC是一种…

第四章模块化React和Redux应用

第四章模块化React和Redux应用 4.1 模块化应用要点构建一个应用的基础: 代码文件的组织结构: 确定模块的边界: Store的状态树设计. 4.2 代码文件的组织方式 4.2.1 按角色组织在MVC中,应用代码分为Controller.Model.View,分别代表三种模块角色.分别放到controllers.models.views目录下. 在Redux应用的构建中,把目录换成了: reducer:目录中包含所有的Redux的reducer: actions:包含所有actio…

AngularJS——第7章依赖注入

第7章依赖注入 AngularJS采用模块化的方式组织代码,将一些通用逻辑封装成一个对象或函数,实现最大程度的复用,这导致了使用者和被使用者之间存在依赖关系. 所谓依赖注入是指在运行时自动查找依赖关系,然后将查找到依赖传递给使用者的一种机制. 常见的AngularJS内置服务有$http.$location.$timeout.$rootScope等 7.1 推断式注入没有明确声明依赖,AngularJS会将函数参数名称当成是依赖的名称. 示例 //控制器依赖$http.$rootScope服…

AngularJS——第11章其它

第11章其它 11.1jQuery 在没有引入jQuery的前提下AngularJS实现了简版的jQuery Lite,通过angular.element不能选择元素,但可以将一个DOM元素转成jQuery对象,如果引提前引入了jQuery则angular.element则完全等于jQuery. 11.2 bower 基于NodeJS的一个静态资源管理工具,由twitter公司开发维,解决大型网站中静态资源的依赖问题. 依赖NodeJS环境和git工具. npm install -g bowe…

AngularJS——第9章模块加载

第9章模块加载 AngularJS模块可以在被加载和执行之前对其自身进行配置.我们可以在应用的加载阶段配置不同的逻辑. [AngularJS执行流程] 启动阶段(startup) 开始 --> 浏览器解析DOM树 --> 遇到angular.js停止解析,开始执行脚本 --> Angular监听到DOMContentLoaded事件 --> 启动Angular应用初始化阶段(initial) 启动Angular应用 --> 查找模块依赖 --> 寻找ng-app指令…

AngularJS——第8章服务

第8章服务服务是一个对象或函数,对外提供特定的功能. 8.1 内建服务 1. $location是对原生Javascript中location对象属性和方法的封装. // $location内置服务 // AngularJS 专门提供了一个帮你获URL地址一个服务 App.controller('DemoController', ['$scope', '$location', function($scope, $location) { $scope.title = '学习$location服…

AngularJS——第6章作用域

第6章作用域在AngularJS中使用过滤器格式化展示数据,在"{{}}"中使用"|"来调用过滤器,使用":"传递参数. 6.1 内置过滤器 currency--将数值格式化为货币格式 date--日期格式化,年(y).月(M).日(d).星期(EEEE/EEE).时(H/h).分(m).秒(s).毫秒(.sss),也可以组合到一起使用. filter--在给定数组中选择满足条件的一个子集,并返回一个新数组,其条件可以是一个字符串.对象.函数…

AngularJS——第4章数据绑定

第4章数据绑定 AngularJS是以数据做为驱动的MVC框架,所有模型(Model)里的数据经由控制器(Controller)展示到视图(View)中. 所谓数据绑定指的就是将模型(Model)中的数据与相应的视图(View)进行关联,分为单向绑定和双向绑定两种方式. 4.1 单向绑定单向数据绑定是指将模型(Model)数据,按着写好的视图(View)模板生成HTML标签,然后追加到DOM中显示,如之前所学的artTemplate 模板引擎的工作方式. 只能模型(Model)数据向视图(V…

AngularJS——第3章指令

第3章指令所谓指令就是AngularJS自定义的HTML属性或标签,这些指令都是以ng-做为前缀的,例如ng-app.ng-controller.ng-repeat等. 3.1 内置指令 ng-app 指定应用根元素,至少有一个元素指定了此属性. ng-controller 指定控制器 ng-show控制元素是否显示,true显示.false不显示 ng-hide控制元素是否隐藏,true隐藏.false不隐藏 ng-if控制元素是否"存在",true存在.false不存在 ng-…

【AngularJS——第2章 模块化】的更多相关文章

【AngularJS——第2章模块化】的更多相关文章