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可能会更好。