05 2015 档案
摘要：AngularJS指令 本指南中使用过的AngularJS指令： AngularJS过滤器 本指南中使用过的AngularJS过滤器： 具体内容可以查看AngularJS快速入门指南06：过滤器。 AngularJS事件 AngularJS支持以下事件： ng-click ng-dbl-click
阅读全文
摘要：本文给出的大部分示例都可以直接运行，通过点击运行按钮来查看结果，同时支持在线编辑代码。Name: You wrote: {{ name }} 运行AngularJS基础我的第一个AngularJS指令我的第一个AngularJS指令（带data-前缀）我的第一个AngularJS表达式我的第一个...
阅读全文
摘要：是时候创建一个真正的AngularJS单页面应用程序了（SPA）。 一个AngularJS应用程序示例 你已经了解了足够多的内容来创建第一个AngularJS应用程序： 程序代码即解释 运行 application文件"myNoteApp.js"代码： controller文件"myNoteCtrl
阅读全文
摘要：使用AngularJS，你可以在HTML中包含其它的HTML文件。 在HTML中包含其它HTML文件？ 当前的HTML文档还不支持该功能。不过W3C建议在后续的HTML版本中增加HTML imports功能，以支持在HTML中包含其它的HTML文件。 在服务端包含文件 大部分的web服务器都支持服务
阅读全文
摘要：Bootstrap是一套非常流行的样式表框架，本章用以演示如何在AngularJS中使用它。Bootstrap 为了在AngularJS application中使用Bootstrap，你需要将下面这行代码加入到页面的head部分（或者去Bootstrap官网下载包然后引用到页面上）： 查看...
阅读全文
摘要：XML数据默认是不能在客户端通过Ajax跨域请求读取的，一般的做法是在服务器上写一个简单的代理程序，将远程XML的数据先读到本地服务器，然后客户端再从本地服务器通过Ajax来请求。由于我们不能对数据源所在的环境进行任何设置和修改，所以仅通过客户端代码很难绕过这个问题。但如果请求的数据不是XML而...
阅读全文
摘要：API即Application Programming Interface（应用程序接口）。AngularJS全局API AngularJS全局API是一组全局JavaScript函数，用来进行一些常用的操作，例如：比较两个对象迭代对象进行数据格式转换 全局API函数可以通过angular对...
阅读全文
摘要：之前有一篇文章详细介绍了如何获取网页在Facebook，Twitter和LinkedIn社交平台上分享的数量，点击这里查看。这里再扩充一下！TwitterGET URL:http://cdn.api.twitter.com/1/urls/count.json?url=http://styleha...
阅读全文
摘要：AngularJS表单和控件可以对用户输入的数据进行验证。输入验证 在之前的章节中你已经了解了有关AngularJS表单和控件的相关内容。 AngularJS表单和控件可以提供数据验证服务，并对不合法的数据给出提示信息。请注意任何情况下都不能仅靠客户端的数据验证，服务端数据验证也是必须的。程...
阅读全文
摘要：一个AngularJS表单是一组输入型控件的集合。 HTML控件 HTML输入型标签标包括： input标签 select标签 button标签 textarea标签 HTML表单 HTML表单将各种HTML控件组合到一起。 一个AngularJS表单的例子 程序代码 运行 代码解释 ng-app指
阅读全文
摘要：AngularJS模块定义了一个application。 模块是一个application中不同部分的容器。 application中的所有控制器都应该属于一个模块。带有一个控制器的模块 下面这个application（"myApp"）包含一个控制器（"myCtrl"）：{{ firstN...
阅读全文
摘要：AngularJS拥有自己的HTML事件指令。ng-click指令 ng-click指令定义了AngularJS的click事件。Click me!{{ count }}运行隐藏HTML元素 ng-hide指令可以用来显示（或隐藏）application中的部分内容。 ng-hide="t...
阅读全文
摘要：AngularJS通过指令将application数据绑定到HTML DOM元素的属性上。ng-disabled指令 ng-disabled指令将AngularJS application数据绑定到HTML元素的disabled属性上。Click Me!Button运行代码解释： ng-di...
阅读全文
摘要：我们可以将之前章节中的代码用来从数据库中读取数据。通过PHP Server从MySQL数据库中获取数据 {{ x.Name }} {{ x.Country }} 通过ASP.NET Server从MSSQL数据库中获取数据 {{ x.Name }} {{ x...
阅读全文
摘要：ng-repeat指令非常适合用来显示表格。在表格中显示数据 在AngularJS中显示表格非常容易： {{ x.Name }} {{ x.Country }} ...
阅读全文
摘要：$http是AngularJS提供的一个服务，用来从远程服务器读取数据。提供数据 下面的数据由Web服务器提供：{"records": [ { "Name" : "Alfreds Futterkiste", "City" : "Berlin", "Country" : "G...
阅读全文
摘要：通过管道字符（‘|’），过滤器可以被添加到表达式和指令中。AngularJS过滤器 AngularJS过滤器可以被用来转换（格式化）数据：过滤器描述currency将数字格式化为现金格式。filter从一个集合中选择子项。lowercase将字符串转换为小写形式。orderBy通过一个表达式对...
阅读全文
摘要：AngularJS控制器用来控制AngularJS applications的数据。 AngularJS控制器就是普通的JavaScript对象。AngularJS控制器 AngularJS applications通过控制器进行控制。 ng-controller指令定义了一个applic...
阅读全文
摘要：AngularJS通过指令将HTML属性进行了扩展。AngularJS指令 AngularJS指令是带有ng-前缀的扩展HTML属性。 ng-app指令用来初始化AngularJS application。 ng-init指令用来初始化application数据。 ng-model指令用...
阅读全文
摘要：AngularJS通过表达式将数据绑定到HTML。AngularJS表达式 AngularJS表达式写在双大括号中：{{ 表达式语句 }}。 AngularJS表达式绑定数据到HTML的方式与ng-bind指令的方式相同。 AngularJS会准确地将表达式“输出”为计算的结果。 Ang...
阅读全文
摘要：AngularJS使用新的attributes扩展了HTMLAngularJS对单页面应用的支持非常好（SPAs）AngularJS非常容易学习现在就开始学习AngularJS吧！关于本指南 本指南旨在帮助你尽可能快速而有效地学习AngularJS。通过该指南你会学习到AngularJS的一些基本...
阅读全文
摘要：AngularJS是一个JavaScript框架。它可以通过AngularJS扩展了HTML AngularJS通过一系列ng-directives指令对HTML进行扩展。 ng-app指令定义了AngularJS application。 ng-model指令将HTML控件的值与数据模型...
阅读全文
摘要：在进行页面响应式设计中，往往需要根据屏幕分辨率来显示不同大小的字体。通常的做法是通过media queries给不同的分辨率指定不同的字体样式，例如：body{ font-size: 22px; }h1{ font-size:44px;}@media (min-width...
阅读全文
