AngularJS简单介绍

1.AngularJS 是一个 JavaScript 框架(以javaScript库编写的库。)。
它可通过<script>标签添加到 HTML 页面(<script src="http://ngnice.com/lib/angular/1.2.16/angular.js"></script>)
2.AngularJS 通过 指令 扩展了 HTML,且通过 表达式 绑定数据到 HTML。
3.来看一个简单的例子,有一个初步的印象:

<html ng-app><!--定义一个angularjs程序-->
<head>
<script src="http://ngnice.com/lib/angular/1.2.16/angular.js"></script><!--引用-->
</head>
<body>
 <div>
   <label>Name:</label>
    <!-- ng-model指令把输入域的值绑定到应用程序变量name,实现双向绑定 -->
   <input type="text" ng-model="person.name" placeholder="Enter a name here"> 
    <!-- 对应上面的ng-model="person.name",两个大括号取表达式 -->
   <h1>Hello {{person.name}}!</h1> 
 <!-- ng-bind 指令把应用程序数据绑定到 HTML 视图。 -->
   <p ng-bind="person.name"></p> 
    </div>
</body>
</html>

效果图,在文本框中输入信息,person.name会马上显示相对应的信息。

4.AngularJS常用功能。
- AngularJS 是专门为应用程序设计的 HTML。”
- AngularJS 使得开发现代的单一页面应用程序(SPAs:Single Page Applications)变得更加容易。
- AngularJS 把应用程序数据绑定到 HTML 元素。
- AngularJS 可以克隆和重复 HTML 元素。
- AngularJS 可以隐藏和显示 HTML 元素。
- AngularJS 可以在 HTML 元素”背后”添加代码。
- AngularJS 支持输入验证。

5.AngularJS是什么?
- AngularJS的官方文档是这样介绍它的。
- 完全使用JavaScript编写的客户端技术。同其他历史悠久的Web技术(HTML、CSS
和JavaScript)配合使用,使Web应用开发比以往更简单、更快捷。
- AngularJS主要用于构建单页面Web应用。它通过增加开发人员和常见Web应用开发任务之间的抽象级别,使构建交互式的现代Web应用变得更加简单。
- AngularJS的开发团队将其描述为一种构建动态Web应用的结构化框架。

- 6.AngularJS主要考虑的是构建CRUD应用。幸运的是,至少90%的WEB应用都是CRUD(增、读取、更新、删的首字母)应用。但是要了解什么适合用AngularJS构建,就得了解什么不适合用AngularJS构建。
如游戏,图形界面编辑器,这种DOM操作很频繁也很复杂的应用,和CRUD应用就有很大的不同,它们不适合用AngularJS来构建。像这种情况用一些更轻量、简单的技术如jQuery可能会更好。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章