本文给出的大部分示例都可以直接运行,通过点击运行按钮来查看结果,同时支持在线编辑代码。

<div ng-app="">

<p>Name: <input type="text" ng-model="name"></p>
<p>You wrote: {{ name }}</p> </div>

运行


AngularJS基础

我的第一个AngularJS指令

我的第一个AngularJS指令(带data-前缀)

我的第一个AngularJS表达式

我的第一个AngularJS控制器

AngularJS基础介绍


AngularJS表达式

一个简单的表达式示例

没有ng-app的表达式

带有数字的表达式

使用ng-bind指令代替数字表达式

带有字符串的表达式

使用ng-bind指令代替字符串表达式

带有Objects对象的表达式

使用ng-bind指令代替Objects对象表达式

带有数组的表达式

使用ng-bind指令代替数组表达式

AngularJS表达式概述


AngularJS指令

AngularJS指令

ng-model指令

ng-repeat指令(数组)

ng-repeat指令(Objects对象)

AngularJS指令概述


AngularJS控制器

AngularJS控制器

控制器属性

控制器方法

在JavaScript文件I中的控制器

在JavaScript文件II中的控制器

AngularJS控制器概述


AngularJS过滤器

表达式过滤器uppercase

表达式过滤器lowercase

表达式过滤器currency

指令过滤器orderby

对输入内容进行过滤

AngularJS过滤器概述


AngularJS XMLHttpRequest

读取一个静态JSON文件

AngularJS Http对象概述


AngularJS表格

显示一个简单的表格

显示一个带有CSS样式的表格

显示一个带有orderBy过滤器的表格

显示一个带有uppercase过滤器的表格

显示一个带有index行号的表格

显示一个带有even和odd样式的表格

AngularJS表格概述


AngularJS - 从SQL中读取数据

从MySQL数据库中读取数据

从SQL Server数据库中读取数据

AngularJS SQL概述


AngularJS DOM节点

ng-disabled指令

ng-show指令

ng-hide指令

AngularJS DOM节点概述


AngularJS事件

ng-click指令

ng-hide指令

ng-show指令

AngularJS事件概述


AngularJS模块

在body中的AngularJS模块

在文件中的AngularJS模块

AngularJS模块概述


AngularJS表单

AngularJS表单

AngularJS数据验证

AngularJS表单概述


AngularJS API

angular.lowercase()

angular.uppercase()

angular.isString()

angular.isNumber()

AngularJS API概述


AngularJS Bootstrap

使用Bootstrap的AngularJS

使用Bootstrap和Includes的AngularJS

AngularJS Bootstrap概述


AngularJS Application

AngularJS Note Application

AngularJS TODO Application

AngularJS Application概述

AngularJS快速入门指南19:示例代码的更多相关文章

  1. AngularJS快速入门指南20:快速参考

    thead>tr>th, table.reference>tbody>tr>th, table.reference>tfoot>tr>th, table ...

  2. AngularJS快速入门指南18:Application

    是时候创建一个真正的AngularJS单页面应用程序了(SPA). 一个AngularJS应用程序示例 你已经了解了足够多的内容来创建第一个AngularJS应用程序: My Note Save Cl ...

  3. AngularJS快速入门指南01:导言

    AngularJS使用新的attributes扩展了HTML AngularJS对单页面应用的支持非常好(SPAs) AngularJS非常容易学习 现在就开始学习AngularJS吧! 关于本指南 ...

  4. AngularJS快速入门指南16:Bootstrap

    thead>tr>th, table.reference>tbody>tr>th, table.reference>tfoot>tr>th, table ...

  5. AngularJS快速入门指南12:模块

    AngularJS模块定义了一个application. 模块是一个application中不同部分的容器. application中的所有控制器都应该属于一个模块. 带有一个控制器的模块 下面这个a ...

  6. AngularJS快速入门指南11:事件

    AngularJS拥有自己的HTML事件指令. ng-click指令 ng-click指令定义了AngularJS的click事件. <div ng-app="" ng-co ...

  7. AngularJS快速入门指南09:SQL

    我们可以将之前章节中的代码用来从数据库中读取数据. 通过PHP Server从MySQL数据库中获取数据 <div ng-app="myApp" ng-controller= ...

  8. AngularJS快速入门指南02:介绍

    AngularJS是一个JavaScript框架.它可以通过<script>标记被添加到HTML页面中. AngularJS通过指令对HTML属性进行了扩展,然后通过表达式将数据绑定到HT ...

  9. AngularJS快速入门指南17:Includes

    使用AngularJS,你可以在HTML中包含其它的HTML文件. 在HTML中包含其它HTML文件? 当前的HTML文档还不支持该功能.不过W3C建议在后续的HTML版本中增加HTML import ...

随机推荐

  1. 初识C语言

    C语言是开发iOS软件的基础. 一.C语言简介 1.      简史 1)          C语言于1972年发明,首次使用是用于重写UINX操作系统(UNIX以前主要是用汇编语言写的,它奠定了操作 ...

  2. 大前端学习笔记整理【五】关于JavaScript中的关键字——this

    写在前面 工作有那么一段时间了,但是在工作中,发现自己的理论知识还是有所欠缺.特别是在javascript上,很多东西其实自己属于知道要用这个,但是不知道为什么要这么用...这种情况很是尴尬了,所以写 ...

  3. 程序猿,千万别说你不了解Docker!

    放在两年前,你不认识Docker情有可原.但如果现在你还这么说,不好意思,我只能说你OUT了.你最好马上get起来,因为有可能你们公司很快就会引入Docker. 今天就和大家讨论讨论这个备受好评的应用 ...

  4. CSS实现完美垂直居中

    之前看到很多人一直都问这个问题,不过当时我没当一回事,因为在 CSS 中要垂直居中,多数是在有高度的情况下,或者容器高度不定的情况下才用,看上去比较舒服,而且实现的方法也不少,不一定要拘泥于和 tab ...

  5. leetcode problem sum

    2. Add Two Numbers You are given two linked lists representing two non-negative numbers. The digits ...

  6. makefile命令基本运用(一)

    一.makefile介绍: 一个工程中的源文件不计其数,其按类型.功能.模块分别放在若干个目录中,makefile定义了一系列的规则来指定,哪些文件需要先编译,哪些文件需要后编译,哪些文件需要重新编译 ...

  7. eclipse远程调试Hadoop

    环境需求: 系统:window 10 eclipse版本:Mars Hadoop版本:2.6.0 资源需求:解压后的Hadoop-2.6.0,原压缩包自行下载:下载地址 丑话前头说: 以下的操作中,e ...

  8. nginx启动脚本

    #!/bin/sh # # nginx - this script starts and stops the nginx daemin # # chkconfig:   - 85 15 # descr ...

  9. 通过json数据进行传递调用

    最近在弄andriod的程序,需要调用web服务器上的数据,服务采用C#写的,并部署在iis服务器上.我们可以像.NET那样调用服务那,利用andriod库自带的HttpPost和HttpGet类来调 ...

  10. 置入式模型inclusion model和显示具现化

    1.置入式模型 链接错误: 大多数非模板程序代码的组织如下:A,类声明在头文件中: B:全局变量和非inline函数在cpp文件中定义 但是,如果模板程序也这样组织,则会出错.原因在于:函数模板的定义 ...