摘要：转 http://www.cnblogs.com/sword-successful/archive/2015/06/28/4605222.html 前言 学习任何一门语言前肯定是有业务需求来驱动你去学习它，当然ng也不例外，在学习ng前我第一个想做的demo就是基于ng实现分页，除去基本的计算思路外
阅读全文
posted @ 2016-03-05 21:49
随笔分类 - angular
摘要：在单页面应用中要把各个分散的视图给组织起来是通过路由机制来实现的。本文主要对 AngularJS 原生的 ngRoute 路由模块和第三方路由模块 ui.router 的用法进行简单介绍，并做一个对比。 ngRoute 使用方法 1) 引入 angular-route lib 无论是 ngRoute
阅读全文
posted @ 2016-03-05 09:09
摘要：在一个分层良好的 Angular 应用中，Controller 这一层应该很薄。也就是说，应用里大部分的业务逻辑和持久化数据都应该放在 Service 里。 为此，理解 AngularJS 中的几个 Provider 之间的区别很有必要。 Provider 创建的新服务都可以用来注入。包括： pro
阅读全文
posted @ 2016-03-04 23:41
摘要：问题引入 使用 Angular 进行过一段时间的开发后，基本上都会遇到一个这样的坑： 123456789101112 <div ng-controller="TestCtrl"> <p>{{name}}</p> <div ng-if="show"> <input type="text" ng-mod
阅读全文
posted @ 2016-03-04 23:38
摘要：用 Angular 进行开发，基本上都会遇到 Controller 之间通信的问题，本文对此进行一个总结。 在 Angular 中，Controller 之间通信的方式主要有三种： 1）作用域继承。利用子 Controller 控制父 Controller 上的数据。（父 Controller 中的
阅读全文
posted @ 2016-03-04 23:23
摘要：单向绑定（ng-bind） 和 双向绑定（ng-model） 的区别 ng-bind 单向数据绑定（$scope -> view），用于数据显示，简写形式是 {{}}。 1 <span ng-bind="val"></span> 两者的区别在于页面没有加载完毕 {{val}} 会直接显示到页面，直到
阅读全文
posted @ 2016-03-04 21:30
摘要：单向绑定（ng-bind） 和 双向绑定（ng-model） 的区别 ng-bind 单向数据绑定（$scope -> view），用于数据显示，简写形式是 {{}}。 1 <span ng-bind="val"></span> 两者的区别在于页面没有加载完毕 {{val}} 会直接显示到页面，直到
阅读全文
posted @ 2016-03-04 00:02
摘要：本文是依据 Angular Style Guide 对 Angular 常用模块书写建议的翻译和总结，仅供参考。 IIFE 使用 立即执行函数表达式（Immediately Invoked Function Expression）将 Angular 组件包裹起来，防止污染全局作用域 Style Y0
阅读全文
posted @ 2016-03-03 23:39
摘要：angular.js 是新一代web开发框架,它轻松在web前端实现了MVC模式,相比 jquery 模式,这种新玩意竟然不需要开发者直接去操作dom . 作为前端开发而不去操作dom ,这简直是一个玩笑! 没错,确实是这样的.关于 angular.js 的详细说明及事例请在博客搜索 angular
阅读全文
posted @ 2016-03-03 23:36
摘要：在同个 angular.js 应用的控制器之间进行通信可以有很多种不同的方式，本文主要讲两种： 基于scope继承的方式 基于event传播的方式 基于scope继承的方式 最简单的让控制器之间进行通信的方法是通过scope的继承。假设有两个控制器Parent、Child，Child 在 Paren
阅读全文
posted @ 2016-03-03 23:35
摘要：这篇就是在以前的基础上,把客户端angular.js 负责的部分整体串起来演示一下. 我们按照angular执行顺序来做前提准备: (1)Client 根目录下 index.html 首先加载angular.js 和 ui-router.js 文件 <script src="http://cdn.b
阅读全文
posted @ 2016-03-02 22:32
摘要：我们了解 angular.js 是一种富客户端单页面应用,所以要在一个页面呈现不同的视图,路由起到了至关重要的作用. angular.js 为我们封装好了一个路由工具 ngRoute ,它是一种靠url改变去驱动视图. angularUI 也为我们封装了一个独立的路由模块 ui-router ,它是
阅读全文
posted @ 2016-03-02 21:50
摘要：angularUI 在不断发展过程中已经被划分成了几个模块,你可以选择你需要的模块载入,我们今天要了解一下路由控制器 ui-router ,它就是angularUI划分出出来的一个独立模块. 此模块只关注状态,在整个用户界面导航中,一个状态对应一个视图,开发者可以根据URL状态来组织控制界面UI渲染
阅读全文
posted @ 2016-03-02 21:22
摘要：Angular.js 中的特性,双向绑定. 让视图的改变直接反应到数据中,数据的改变又实时的通知到视图,如何做到的? 这要归功于 scope 下面3个重要的方法: $watch $digest $apply 他们的区别是什么,我们来介绍下: $watch 这是一个监听 scope 上数据的监听器 方
阅读全文
posted @ 2016-03-02 20:57
摘要：很多web服务面对的不仅仅是当地用户,多语言环境不仅能提升逼格,更重要是一种用户体验. angular.js 作为前后端拆分的解决方案之一,当然离不开前端框架处理国际化的问题,angular.js 官方出了一个模块 angular-translate 来解决多语言国际化问题. 我们前端采用 bowe
阅读全文
posted @ 2016-03-01 23:21
摘要：Today we will be using AngularJS and the great UI Router and the Angular ngAnimate module to create an animated multi-step form. This technique can be
阅读全文
posted @ 2016-03-01 22:38
摘要：原文 http://www.cnblogs.com/changjianqiu/p/4678153.html 一、前言 前一段时间做项目时，遇到一个问题就是AngularJS实现图片预览和上传的功能，当时查阅文档(都是英文文档)折腾了很久才弄出来，现将整个流程整理出来，有需要的朋友可以参考一下，如果您
阅读全文
posted @ 2016-03-01 22:18
摘要：后面的学习我们会遵循一个控制器管理一个视图,一个路由对应一个视图的单一原则,所以再不会将controller控制器代码直接写到 index.html 中. 我们会应用到angular.js中强大的模块来开发,比如路由,服务,过滤器,指令等模块. 所以这一篇博客很有必要把各个模块之间的依赖关系,定义,
阅读全文
posted @ 2016-03-01 22:15
摘要：我们在view中给模型的一个参数name赋值 “hello world” . 这是一种简单的赋值,我们可以在视图中通过 ng 指令(以ng-开头的指令)实现了简单的赋值,如果遇到复杂的逻辑运算操作,那么视图里是无法执行复杂操作的,这时控制器就派上用场了. 简单讲:控制器 controller 就是实
阅读全文
posted @ 2016-03-01 21:50
摘要：1.angular.js 作为后起之秀的前端mvc框架,他于传统的前端框架都不同,我们再也不需要在html中嵌入脚本来操作对象了.它抽象出了数据模型,控制器及视图. 成功解耦了应用逻辑,数据模型,视图. 2.它的视图也不是后台统一替换后渲染页面,而是视图被动态实时替换. 视图上可以通过指定的 ang
阅读全文
posted @ 2016-03-01 21:45
浙公网安备 33010602011771号