AngularJS学习（一）

AngularJS 是一个为动态WEB应用设计的结构框架。它能让你使用HTML作为模板语言，通过扩展HTML的语法，让你能更清楚、简洁地构建你的应用组件。它的创新点在于，利用数据绑定和依赖注入，它使你不用再写大量的代码了。这些全都是通过浏览器端的Javascript实现，这也使得它能够完美地和任何服务器端技术结合。
AngularJS通过ng-directives来扩展HTML。
ng-app 指定义一个AngularJS应用的程序。
ng-model指令把元素值（如输入域的值）绑定到应用程序。
ng-bind指令把应用程序数据绑定到HTML
ng-init指令初始化AngularJS应用程序变量
AngularJS 表达式写在双大括号内：{{ expression }}。

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

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

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

实例 {{ 5 + 5 }} 或 {{ firstName + ” ” + lastName }}
如下面的例子：

<!DOCTYPE html>
<html>
<body><div ng-app=""><p>在输入框中尝试输入:</p><p>姓名: <input type="text" ng-model="name" ></p><p ng-bind="name"></p><p ng-init="age=22"></p><p>年龄： <span ng-bind="age"></span></p><div>AngularJS表达式：{{5+5}}</div></div><script src="//www.w3cschool.cc/try/angularjs/1.2.5/angular.min.js"></script></body>
</html>

当页面加载完的时候，AngularJS自动启动，
ng-app指令告诉AngularJS，

元素是AngularJS应用程序的所有者。
ng-model指令把输入域的值绑定到应用程序变量name.
ng-bind 指令把应用程序变量name绑定到某个阶段的innerHTML
ng-init指令始化AngularJS应用程序变量age
AngularJS 表达式写在双大括号内：{{ 5+5}}。

AngularJS学习（一）相关推荐

开启AngularJS学习之旅
AngularJS 通过新的属性和表达式扩展了 HTML. AngularJS 可以构建一个单一页面应用程序(SPAs:Single Page Applications). AngularJS 学习起 ...
我的AngularJS学习轨迹
开始接触Anguljar可能是在2013年初,那个时候的版本1.0.*,那个时候国内主要的中文资料AngularJS学习笔记:http://zouyesheng.com/angular.html,an ...
推荐10个很棒的AngularJS学习指南
AngularJS 是非常棒的JS框架,能够创建功能强大,动态功能的Web app.AngularJS自2009发布以来,已经广泛应用于Web 开发中.但是对想要学习Angular JS 的人而言,只 ...
【AngularJs学习笔记五】AngularJS从构建项目开始
为什么80%的码农都做不了架构师?>>> #0 系列目录# AngularJs学习笔记 [AngularJs学习笔记一]Bower解决js的依赖管理 [AngularJs学习笔 ...
AngularJS学习之旅—AngularJS 模块(十五)
一.AngularJS 模块模块定义了一个应用程序. 模块是应用程序中不同部分的容器. 模块是应用控制器的容器. 控制器通常属于一个模块. 1.创建模块通过 AngularJS 的 angular ...
angularjs学习总结（资料收集）
angularjs学习总结(资料收集) 原文地址https://blog.csdn.net/weixin_33178524/article/details/79179597 1 前言前端技术的发展是 ...
【AngularJs学习笔记三】Grunt任务管理器
为什么80%的码农都做不了架构师?>>> #0 系列目录# AngularJs学习笔记 [AngularJs学习笔记一]Bower解决js的依赖管理 [AngularJs学习笔 ...
AngularJS 学习路线
AngularJS 是Google开源的一款JavaScript MVC框架,弥补了HTML在构建应用方面的不足,诞生以来吸引了大量的目光,也迅速成为了Web开发领域的新宠. AngularJS 网站 ...
AngularJS学习总结
在8月份一个项目机会下,决定真正完整地学习使用AngularJS 1.3,下面是我一些总结. PS:有些人很抵触AngularJS这种框架,认为它是在办坏事,装高调,我是认为任何能广泛传播的框架存在不 ...
angularjs学习第八天笔记（指令作用域研究）
您好,在前两天对指令的简单了解和系统指令学习后今天主要研究其指针作用域的相关事情每一个指令在创建时,其实就构成了自己的一个小的模块单元. 其对于的模块单元都有着其对于的作用域,其中作用域一般有两种 ...

AngularJS学习（一）

AngularJS学习（一）相关推荐

最新文章

热门文章