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

<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. Quartz.Net与MVC结合定时任务

    1.首先,我们打开Visual Studio 2015,创建一个ASP.NET MVC的Web应用程序项目. 2.然后通过程序包管理器控制台来安装Quartz.Net组件. Quartz.Net一个最 ...

  2. Kubernetes1.5正式发布

    Kubernetes1.5正式发布 修复了很多已知问题 进一步增强federation相关特性 将PetSet改名为StatefulSet 将ScheduledJobs改名为CronJobs 新增了命 ...

  3. ActionBar

    Android actionBar 修改背景色 本来是想着自定义标题栏,发现老是出错.貌似4.0以上版本都不能自定义标题栏(我到现在都搞不清标题栏和actionBar的区别到底是什么!).原来需要自定 ...

  4. 【笔记】memorymanagement-whitepaper-150215

    3 GC概念 Gc的职责: 1)  分配内存 2)  保证被引用的对象驻留内存 3)  对象不可达后将其占用内存回收 被引用对象被称为 “存活对象”. 不再被引用的对象称为“垃圾对象”. 找到垃圾对象 ...

  5. HTML5中新添加事件

    HTML5中新添加了很多事件,但是由于他们的兼容问题不是很理想,应用实战性不是太强,所以在这里基本省略,咱们只分享应用广泛兼容不错的事件,日后随着兼容情况提升以后再陆续添加分享.今天为大家介绍的事件主 ...

  6. js中replace的回调函数使用。

    这只是一个小问题,但是之前并没有发现.这个问题就是replace的第二个函数是支持回调函数的. var ext = new RegExp('f','g'); 1.str.replace(ext ,1) ...

  7. zabbix微信告警(虚拟机脚本测试成功,zabbix上收不到信息)

    前言: 使用zabbix直接运行脚本又可以正常接收.但是登录zabbix  web界面,测试!  动作显示已送达,但是微信并没有收到信息! 解决: 添加脚本参数,因为不添加脚本参数,调用不了你这个脚本 ...

  8. js 字符串转换成数字(转)

    转换函数: js提供了parseInt()和parseFloat()两个转换函数.前者把值转换成整数,后者把值转换成浮点数.只有对String类型调用这些方法,这两个函数才能正确运行:对其他类型返回的 ...

  9. Python和C扩展实现方法

    一.Python和C扩展 cPython是C编写的,python的扩展可以用C来写,也便于移植到C++. 编写的Python扩展,需要编译成一个.so的共享库. Python程序中. 官方文档:htt ...

  10. 数据库软件dbForge Studio for MySQL更新至v.6.1

    本文转自:慧都控件网 说到MariaDB,这个数据库算是MySQL的一个分支.现在非常的流行,很多地方都能看到它的身影.MariaDB作为一种新的数据库管理系统,在短时间内获得如此高的关注度.这也是D ...