精通 Angular JS 第一天——Angular 之禅

简介

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)。

上一篇:C#中隐藏(new)、方法重写(override)、重载(overload)的区别


下一篇:jQuery演示10种不同的切换图片列表动画效果