AngularJS 高级程序设计】的更多相关文章

  一.AngularJS应用剖析 AngularJS存在一些最主要的构件,如模型,视图和控制器.但AngularJS中也有许多其他可供灵活使用的部件,包括模块,指令,过滤器,工厂和服务. 一 . 1 依赖注入 没有依赖注入(dependencies injector),就不得不以某种方式找到自己所需要的组件,很可能得使用到全局变量.虽然这样子也能工作,但是不如AngularJS的依赖注入来的简单.依赖注入,可以通过让某个组件的工厂函数的参数上声明依赖来实现,这个函数使用参数来提出需求: "He…
零. 初衷 现在 AngularJS 4 已经发布了, 楼主还停留在 1.x 的阶段, 深感自卑. 学习 AngularJS 的初衷是因为, 去年楼主开始尝试使用 Flask 开发自动化程序, 需要用到大量的表单, Flask-wtf 的功能不能满足要求, 并且不够灵活, 所以在某老猿的建议下开始尝试使用 AngularJS 来写表单. 第一感觉是惊艳, 原来可以这么 easy, 所以想深入的学习一下, 并买了若干本书. 是去年买的, 网上的评价不是太高, 但是楼主觉得讲的比较轻松和易懂, 所以…
一:npm install connect会出现错误:解决方法 1:$ npm install connect@2.X.X 2:$ npm install serve-static: 建立server.js var connect = require('connect'), serveStatic = require('serve-static'); var app = connect(); app.use(serveStatic("angularjs")); app.listen(5…
服务是提供在整个应用程序中所使用的任何功能的单例对象. 单例 : 只用一个对象实例会被 AngularJS 创建出来, 并被程序需要服务的各个不同部分所共享. 1. 内置服务 一些关键方法也被 AngularJS 成为服务. 如 $scope, $http. 2. 自定义服务 2.1 Module.service(name, constructor) service 方法由两个参数: 服务名和调用后用来创建服务对象的工厂函数. 当 AngularJS 调用工厂函数时, 会分配一个可通过 this…
一. 过滤器基础 过滤器用于在视图中格式化展现给用户的数据. 一旦定义过滤器之后, 就可在整个模块中全面应用, 也就意味着可以用来保证跨多个控制器和视图之间的数据展示的一致性. 过滤器将数据在被指令处理并显示到视图中之前进行转换, 而不必修改作用域中原有的数据, 这样能够允许同一份数据在应用中的不同部分以不同的形式得以展现. 过滤器可以执行任意类型的转换, 但是大多数情况下, 用于格式化或者对数据以某种方式排序. 二. 内置过滤器 1. 过滤单个数据的值 名称 描述 currency 该过滤器对…
2. 自定义指令(15-17 章) Module.directive(name, factory) 2.1 创建自定义指令的方法 Module.directive(name, factory) 示例 : <script> var myApp = angular.module('exampleApp', []) myApp.contorller('dayCtrl', function($scope){ var dayName = ["Sunday", "Monday…
1. 内置指令(10-12 章) AngularJS 内置超过 50 个内置指令, 包括 数据绑定,表单验证,模板生成,时间处理 和 HTML 操作. 指令暴露了 AngularJS 的核心功能, 如 事件处理,表单验证,模板等. 1.1 数据绑定指令 数据绑定: 使用模型中的值, 并将其插入到 HTML 文档中.所有的数据绑定指令, 都可以当做一个属性或者类使用. 属性 : <span ng-bind="todos.length"></span> 属性可能会导…
作用域组成了一个能够用于在控制器之间形成通信的体系结构. 1. 控制器和作用域的基本原理 控制器就像领域模型与视图之间的纽带, 他给视图提供数据与服务, 并且定义了所需的业务逻辑, 从而将用户行为转换成模型上的变化. 控制器从模型中暴露数据给视图, 以及基于用户与视图的交互使模型产生变化所需的逻辑. 控制器可用于向所支持的视图提供作用域. 示例代码: <!DOCTYPE html> <html ng-app="exampleApp"> <head>…
一. 模块基础 1. 创建模块 <!DOCTYPE html> <html ng-app="exampleApp"> <head> <title>Test</title> <script type="text/javascript"> var myApp = angular.module("exampleApp", []); myApp.controller('dayCtrl…
1.5.4 安装Web服务器 原来的: connect.static("../angularjs"); 报错.可以修改为: var connect = require('connect'); var serveStatic = require('serve-static'); var app = connect(); app.use(serveStatic("./angularjs")); app.listen(5000);…