码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2016-07-11 23:58:01      阅读:326      评论:0      收藏:0      [点我收藏+]

标签:

简介

      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 之禅

标签:

原文地址:http://www.cnblogs.com/xiaxianfei/p/5661930.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!