[Ng]Angular实践推介

------------------------------------------------------------------------------

AngularJs就像它宣称的一样,是为了扩展HTML的。所以我们本质上只需关注HTML展示,关注JS实现业务。

复杂的Dom操作交给框架提供的机制,它的directive、双向数据绑定、依赖注入 可以有效避免直接Dom操作,减少代码量。

甚至大部分复杂场景也适用,这里难免有些坑要填,网上正儿八经的完整示例比较难找,在不熟悉Angular内置API甚至不熟悉它的mvc套路的话,要想灵活开发,难度可想而知。

在经过一段时间的尝试使用后,你会发现,使用起来会越来越爽,也就是不再纠结,不会有jquery那种累死人不偿命的感觉,关键还是用好内置API,以及合理扩展我们的module,directive,filter;angular本身是高度集成的Js框架,优先使用现存的比较优秀的模块和指令,就像jquery插件一样。

目前,新一代的Web应用正在批量使用angular构建,效果非常好,它们随处可见,eleme,suime...

顺便提一下backbone,有很多相似之处,Backbone.View.extend() 有点类似 directive,写法上看起来传统一点,集众家所长,这里有一篇介绍backbone的文章:http://www.ibm.com/developerworks/cn/web/wa-backbonejs/

Angular应用点概览:http://www.cnblogs.com/farwish/p/4996253.html

Angualr中文文档:http://docs.ngnice.com/api

Link: http://www.cnblogs.com/farwish/p/5371503.html

@farwish.com

时间: 2024-11-13 10:56:08

[Ng]Angular实践推介的相关文章

[Ng]Angular应用点概览

----------------------------------------------------------------------------------------------------- 1. 使用模块化写法. var app = angular.module('myApp', []); app.controller('TextController', function($scope) { $scope.txt = {'title':'some txt'}; }); ng-mod

手动搭建一个完整的angular实践项目

以下我记录如何简单的搭建一个angular项目, 比较适合有前端基础,但又没有使用过angular的前端开发人员,因为我看到网上的教程又都配套的使用了一些其他框架或者打包工具,以及进行一些复杂的开发环境配置,不利于初级的人学习和理解.后续我也会陆续写几篇结合不同工具框架,以及在混合app开发中搭建angular框架项目. 应用场景: 基于angular的PC端web项目,采用require加载资源,使用angularAMD和angularCSS实现按需加载angular的controllers和

学习NG最佳实践

学习angularJS要有勇气,因为官网教程竟然打不开,囧.有一种深深的无助.. 我想按照官方教程对照学习: 中文:http://www.angularjs.cn/A003 官方:http://docs.angularjs.org/tutorial 打不开.. 要先安装nodeJS.然后执行npm install 安装一些nodeJS模块. 有时候会进行的很慢,还是因为墙的原因. 解决办法,换地址! 安装时指定地址:npm install --registry http://registry.n

angular模块

在angular中,模块可以是一个对象.一个方法或一个数组(数组的最后一个元素必须是方法).后面要讲的模块属性和方法,都是针对通过angular.module()方法定义的模块而言的,我称之为angular模块. 通过angular.module()方法定义的模块是唯一的,如果重复定义,后面的就会覆盖前面的定义.不是通过angular.module()定义的模块,比如一个方法或一个数组,这些模块也是唯一的,但是这些模块一旦定义无法被修改. angular模块可以说是一个空对象,因为它本身不包含任

1.Angular框架-angular介绍与基本使用,MVC模式介绍

1.1. AngularJS概述 1.1.1. 介绍 简称:ng Angular是一个MVC框架 AngularJS 诞生于2009年,由 Misko Hevery 等人创建,后为Google所收购. 是一款优秀的前端JS框架,已经被用于Google的多款产品当中. AngularJS有着诸多特性,最为核心的是: MVC.模块化(编程).自动化双向数据绑定.语义化标签.指令.依赖注入等等. 其他前端框架: VueJS . Avalon . React . BackBone . KnockoutJ

angular替代Jquery,常用方法支持

1.angular.bind(self,fn.args);   切换作用域执行 2.angular.copy(source,[destination]);   拷贝和深度拷贝 3.angular.equals(o1,o2);  比较 4.angular.extend(dst,src); 对象的扩展 5.angular.forEach(); 循环 6.angular.fromJson(string);字符串转Json 7.angular.toJson(json,pretty); json转字符串

AngularJS模块具体解释

模块是提供一些特殊服务的功能块.比方本地化模块负责文字本地化,验证模块负责数据验证.一般来说,服务在模块内部,当我们须要某个服务的时候,是先把模块实例化.然后再调用模块的方法. 但Angular模块和我们通常理解的模块不一样.Angular模块仅仅保留服务的声明,服务的实例化是由服务注入器完毕的,实例化之后服务就留在了服务注入器中,和模块没有关系了,这就是为什么我们使用的服务全部来自注入器的原因. 每调用一次angular.boostrap()方法会创建一个新的Angular应用和一个新的服务注

js 做账单处理

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <%@include file="/webpage/inc/inc.jsp"%> <!doctype html> <html lang="en"> <head> <met

嘿!@野兽,你的ng api 掉了 - - angular.forEach

@野兽的 ng api 学习 -- angular.forEach angular.forEach 调用迭代器函数取每一项目标的集合,它可以是一个对象或数组.迭代器函数与迭代器(value.key)一起调用,其中值是一个对象属性或数组元素的值,而数组元素是对象属性的关键或数组元素索引.为函数指定一个可选的上下文. 格式:angular.forEach(obj,iterator,[context]); obj:遍历的对象 iterator:迭代器 [content]: 对象为迭代器函数的上下文(t