angularJs是什么？angularjs的简介（精选版）

本篇文章主要的介绍了关于angularjs的简介，angularjs扩展HTML，还有angularjs指令、表达式、应用的介绍，现在我们一起来看这篇文章吧

 AngularJS 简介

1 什么是 AngularJS？

AngularJS 使得开发现代的单一页面应用程序（SPAs：Single Page Applications）变得更加容易。

• angularjs 把应用程序数据绑定到 html 元素。

• AngularJS 可以克隆和重复 HTML 元素。

• AngularJS 可以隐藏和显示 HTML 元素。

• AngularJS 可以在 HTML 元素"背后"添加代码。

• AngularJS 支持输入验证。

AngularJS 是一个 JavaScript 框架。它可通过

DaGaoPeng(大高朋网团购程序)

大高朋团购系统是一套Groupon模式的开源团购程序，开发的一套网团购程序，系统采用ASP+ACCESS开发的团购程序，安装超简，功能超全面，在保留大高朋团购系统版权的前提下，允许所有用户免费使用。大高朋团购系统内置多种主流在线支付接口，所有网银用户均可无障碍支付；短信发送团购券和实物团购快递发货等。 二、为什么选择大高朋团购程序系统？ 1.功能强大、细节完善 除了拥有主流团购网站功能，更特别支

下载

AngularJS 通过 指令 扩展了 HTML，且通过 表达式 绑定数据到 HTML。

AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写的库。

AngularJS 是以一个 JavaScript 文件形式发布的，可通过 script 标签添加到网页中：

scriptsrc="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js">script>

各个 angular.js 版本下载： https://github.com/angular/angular.js/releases

2 AngularJS 扩展了 HTML

AngularJS 通过 ng-directives 扩展了 HTML。

ng-app 指令定义一个 AngularJS 应用程序。

ng-model 指令把元素值（比如输入域的值）绑定到应用程序。

ng-bind 指令把应用程序数据绑定到 HTML 视图。

3 AngularJS 指令

正如您所看到的，AngularJS 指令是以 ng 作为前缀的 HTML 属性。

ng-init 指令初始化 AngularJS 应用程序变量。

姓名为

4 AngularJS 表达式

AngularJS 表达式写在双大括号内：{{ expression }}。

AngularJS 表达式把数据绑定到 HTML，这与 ng-bind 指令有异曲同工之妙。

AngularJS 将在表达式书写的位置"输出"数据。

AngularJS 表达式 很像 JavaScript 表达式：它们可以包含文字、运算符和变量。

实例 {{ 5 + 5 }} 或 {{ firstName + " " + lastName }}

我的第一个表达式：
 {{ 5 + 5 }}

5 AngularJS 应用

AngularJS 模块（Module） 定义了 AngularJS 应用。

AngularJS 控制器（Controller） 用于控制 AngularJS 应用。

ng-app指令定义了应用, ng-controller 定义了控制器。（想看更多就到PHP中文网AngularJS开发手册中学习）

png-app="myApp"ng-controller="myCtrl"> 名: inputtype="text"ng-model="firstName">br>姓:inputtype="text"ng-model="lastName">br>br>姓名: {{firstName + " " + lastName}} p>script>var app = angular.module('myApp', []);app.controller('myCtrl', function($scope) { $scope.firstName= "John"; $scope.lastName= "Doe";});script>

AngularJS 模块定义应用:

varapp =angular.module('myApp',[]);

AngularJS 控制器控制应用:

app.controller('myCtrl',function($scope){ $scope.firstName="John"; $scope.lastName="Doe";});

本篇文章到这就结束了（想看更多就到PHP中文网AngularJS使用手册中学习），有问题的可以在下方留言提问。