AngularJS 教程

AngularJS 教程

AngularJS 通过新的属性和表达式扩展了 HTML。

AngularJS 可以构建一个单一页面应用程序(SPAs:Single Page Applications)。

AngularJS 学习起来非常简单。

现在开始学习 AngularJS!


每个章节都有相应的实例

在每个章节中,您可以在线编辑实例,然后点击按钮查看结果。

AngularJS 实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>

<div ng-app="">
  <p>名字 : <input type="text" ng-model="name"></p>
  <h1>Hello {{name}}</h1>
</div>

</body>
</html>

尝试一下 ?


阅读本教程前,您需要了解的知识:

在开始学习 AngularJS 之前,您需要具备以下基础知识:

  • HTML
  • CSS
  • JavaScript

AngularJS 历史

AngularJS 是比较新的技术,版本 1.0 是在 2012 年发布的。

AngularJS 是由 Google 的员工 Mi?ko Hevery 从 2009 年开始着手开发。

这是一个非常好的构想,该项目目前已由 Google 正式支持,有一个全职的开发团队继续开发和维护这个库。


AngularJS 实例

本教程包含了大量的 AngularJS 实例!

AngularJS 实例


AngularJS 参考手册

参考手册包含了本教程中使用到的所有指令和过滤器。

AngularJS 参考手册

时间: 2024-11-05 18:55:28

AngularJS 教程的相关文章

【AngularJS】AngularJS 教程

AngularJS通过新的属性和表达式扩展了HTML.------------->扩展HTML属性 AngularJS可以构建一个单页面应用程序(SPAs: Single Page Applications). AngularJS表达式 AngularJS 使用 表达式 把数据绑定到HTML. AngularJS表达式 写在双大括号内: {{ expression }}. AngularJS表达式 把数据绑定到HTML,这与ng-bind指令有异曲同工之妙. AnguarJS表达式 将在表达式书

angularjs教程网址

AngularJS官网地址: http://angularjs.org/ AngularJS入门教程: http://www.ituring.com.cn/minibook/303 说明:比较基础,是官方Tutorial的翻译 AngularJS开发指南:http://angularjs.cn/T008?p=1&s=50 说明:比较全面,但翻译的有些晦涩难懂. 七步从AngularJS菜鸟到专家:http://blog.jobbole.com/46779/ 说明:比较基础,制作了一个在线音乐播放

很好的angularjs教程

AngularJS学习笔记 2014-01-22 21:48 更新 邹业盛 关于AngularJS 关于本文档 AngularJS学习笔记 2014-01-22 21:48 更新 邹业盛 关于AngularJS 关于本文档 开始的例子 依赖注入 作用域 数据绑定与模板 6.1. 数据->模板 6.2. 模板->数据 6.3. 数据->模板->数据->模板 模板 7.1. 定义模板内容 7.2. 内容渲染控制 7.3. 节点控制 7.4. 事件绑定 7.5. 表单控件 模板中的

AngularJS 教程 - CodePreject

http://www.codeproject.com/Articles/1065838/AngularJS-Tutorial Article Series Tutorial 1: Angular JS Tutorial 2: Controllers Tutorial 3: Controllers Tutorial 4: Controllers : Advanced Tutorial 5: Models Tutorial 6: Services

angularjs教程——Dom操作相关指令详解

一.ng-show/ng-hide <div ng-show="true">{{text}}</div> //显示 <div ng-show="false">{{text}}</div>//隐藏 二.ng-if 三.ng-switch <!DOCTYPE HTML> <html ng-app='myApp'> <head> <meta http-equiv="Cont

AngularJS学习资源

图灵社区 : 图书 : AngularJS入门教程 http://www.ituring.com.cn/book/1206 AngularJS 教程 | 菜鸟教程 http://www.runoob.com/angularjs/angularjs-tutorial.html 使用超动感HTML & JS开发WEB应用! | AngularJS中文社区 http://www.angularjs.cn/A002

angularjs随笔01 数据双向绑定理解 自定义过滤器 时钟更新列子

1.   数据的双向绑定可以简单的理解为,无论在文本框中输入什么,都会在数据模型中显示出来输入的内容, 双向绑定的模型和数据是进行动态绑定的,实时检查进行修改. <input type="text" ng-model="name"> {{name}} 在上述代码中,通过angular.js将数据模型对象($scope)的name属性与文本模型绑定在一起,然后就实现了在输入框输入什么都会 在文本模型中显示对应的内容,实时更新. 控制器controller,

[后端人员耍前端系列]AngularJs篇:30分钟快速掌握AngularJs

一.前言 对于前端系列,自然少不了AngularJs的介绍了.在前面文章中,我们介绍了如何使用KnockoutJs来打造一个单页面程序,后面一篇文章将介绍如何使用AngularJs的开发一个单页面应用程序.在开始使用AngularJs开发SPA之前,我觉得有必要详细介绍下AngularJs所涉及的知识点.所有也就有了这篇文章. 二.AngularJs介绍 AngularJS是Google推出的一款Web应用开发框架.它提供了一系列兼容性良好并可扩展的服务,包括数据绑定.DOM操作.MVC和依赖注

angularJS开启服务器后台运行程序,找不到scripts/web-server.js

学习angularJS时,教程里说使用node scripts/web-server.js开启服务器后台运行程序.一直出错.后来发现原因是这是老版本里的命令.现在都是用sudo npm start就可以了 运行完sudo npm start,再开启karma测试 sudo npm test 然后再浏览器中输入http://localhost:8000/app/index.html即可访问angularJS教程里的index.html. angularJS开启服务器后台运行程序,找不到script