简介

Angular JS是采用JavaScript语言编写的客户端MVC框架，它为业界带了重大的变化，包括对模板化的创新实现，以及数据的双向绑定，这些特性使得它强大而易用。它可以用来帮助开发者编写单页面应用，尤其适合编写有大量CRUD操作的，具有Ajax风格的富客户端应用。大多数开发者认为，与其它框架相比，AngularJS明显缩减了项目所需的代码量。

2012年6月，Angular JS正式发布1.0版，在各种客户端MVC框架中，属于后起之秀。AngularJS主页（http：//www.angularjs.org）上包罗万象：概念上的综览、教材、开发者指南、API参考等，并且在AngularJS的文档中有大量代码片段可供参考。

Hello World——AngualrJS示例

<html>

<head>

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/

angular.js"></script>

</head>

<body ng-app ng-init="name = 'World'">

<h1>Hello, {{name}}!</h1>

</body>

</html>

在浏览器上打开含有这段代码的页面，会显示Hello,World。

1、代码中首先是包含AngularJS库，这个库相当小，最小化并压缩之后只有30KB，并且它不依赖其它库。

2、通过AngularJS自定义的ng-app来引导AngularJS库。

3、在模板渲染前，可用ng-init初始化模型(model)name，并通过{{name}}表达式来传递它的值。

通过这个非常简单地例子，Angular JS模板系统表现出了一些重要特征。

  • 使用自定义的HTML标签与属性，为静态HTML文档添加动态行为。
  • 使用双花括号作为输出模型值的表达式的分隔符。

在AngularJS中，所有能够被框架理解和解释的特殊HTML标签和属性，统称为指令(directives)。

精通 Angular JS 第一天——Angular 之禅的更多相关文章

  1. angular JS中 ‘=’与angular.copy的区别

    先来看代码: <b>{{test1}}</b> <input type="text" ng-model="test2" title ...

  2. 关于Angular.js Routing 的学习笔记(实现单页应用)

    最近开始学习angular.js,发现angular.js确实很方便,也很强大.在看到 AngularJS Routing and Multiple Views 这一部分的时候,有点乱.现在通过记录一 ...

  3. 【转】Angular.js VS. Ember.js：谁将成为Web开发的新宠？

    本文源自于Quora网站的一个问题,作者称最近一直在为一个新的Rails项目寻找一个JavaScript框架,通过筛选,最终纠结于 Angular.js和 Ember.js. 这个问题获得了大量的关注 ...

  4. angular js jquery中post请求的一点小区别

    这也是最近遇到的坑,还是之前那个项目,现在要实现登录功能. 背景:注册功能之前已经跑通了.前端用的是jquery后台是springMVC.鉴于注册和登录有些接口功能是类似的(比如注册确保邮箱是没有注册 ...

  5. angular js 模拟获取后台的数据

    在这里我们把后台的数据用一个.json文件进行代替. 项目的目录结构如下: puDongLibraryLearning----ui-router-learning ---- data-------pe ...

  6. angular js module 的理解

    module其实就是一个容器,里面可以装controller,service,directive,filter等, 官网的解释是:Module :A container for the differe ...

  7. angular js的Inline Array Annotation的理解

    inline Array annotation的形式是: someModule.controller('MyController', ['$scope', 'greeter', function($s ...

  8. Angular JS + Express JS入门搭建网站

    3月份开始,接到了新的任务,跟UI开发有关,用的是Angular JS,Express JS等技术.于是周末顺便学习下新技术. 组里产品UI架构如下: 其中前端,主要使用Angular JS框架,另外 ...

  9. angular.js学习的第一天

    第一天对angular.js进行学习,肯定是面对的入门的最简单的实例: 实现下面的这个效果,首先需要在html页面引入angular.js,在下面的div中,ng-app则表示在当前div是一个ang ...

随机推荐

  1. Day17_集合第三天

    1.HashSet类(掌握) 1.哈希值概念      哈希值:哈希值就是调用对象的hashCode()方法后返回的一个int型数字      哈希桶:简单点理解就是存储相同哈希值对象的一个容器 1. ...

  2. read.csv 把 "T" 读成 "TRUE" 的问题

    read.csv(text="A,B,T,T", header=FALSE) ## V1 V2 V3 V4 ## 1 A B TRUE TRUE RT, 有的时候R读取数据的时候容 ...

  3. hdu4690 EBCDIC ——水题，考耐心

    link:http://acm.hdu.edu.cn/showproblem.php?pid=4690 考的是耐心何细心啊,用map把两个表格映射一下就行~ #include <iostream ...

  4. 使用pip安装python插件的时候出现Microsoft Visual C++ 9.0缺失错误

    使用pip安装python插件的时候出现Microsoft Visual C++ 9.0缺失错误 使用pip安装python插件的时候出现Microsoft Visual C++ 9.0缺失错误 : ...

  5. js 日期按年月日加减

    <script> function isleapyear(year) { if(parseInt(year)%4==0 && parseInt(year)%100!=0)r ...

  6. 用minidwep-gtk研究wifi

    全图,不解释

  7. 化繁为简 如何向老婆解释MapReduce？（转载）

    化繁为简 如何向老婆解释MapReduce? 昨天,我在Xebia印度办公室发表了一个关于MapReduce的演说.演说进行得很顺利,听众们都能够理解MapReduce的概念(根据他们的反馈).我成功 ...

  8. 在package.json里面的script设置环境变量，区分开发及生产环境。注意mac与windows的设置方式不一样

    在package.json里面的script设置环境变量,区分开发及生产环境. 注意mac与windows的设置方式不一样. "scripts": { "publish- ...

  9. Vmware web client 5.5 控制台连接不上：Connection timed out

    因XP下安装vsphere client5.5后,无法连接远程vsphere.因此使用vsphere web client. 但是用vsphere web client打开控制台,报错:Conneti ...

  10. 在 SQL Server 数据库的 WHERE 语句中使用子查询

    这是关于子查询语句的一系列文章中的第三篇.在这篇文章中我们将讨论WHERE语句中的子查询语句.其他的文章讨论了其他语句中的子查询语句. 本次课程中的所有例子都是基于Microsoft SQL Serv ...