随笔分类 -  Web前端

摘要:AngularJS表单和控件可以对用户输入的数据进行验证。输入验证 在之前的章节中你已经了解了有关AngularJS表单和控件的相关内容。 AngularJS表单和控件可以提供数据验证服务,并对不合法的数据给出提示信息。请注意任何情况下都不能仅靠客户端的数据验证,服务端数据验证也是必须的。程... 阅读全文
posted @ 2015-05-14 01:55 Jaxu 阅读(3049) 评论(0) 推荐(1) 编辑
摘要:一个AngularJS表单是一组输入型控件的集合。 HTML控件 HTML输入型标签标包括: input标签 select标签 button标签 textarea标签 HTML表单 HTML表单将各种HTML控件组合到一起。 一个AngularJS表单的例子 程序代码 运行 代码解释 ng-app指 阅读全文
posted @ 2015-05-13 13:52 Jaxu 阅读(2270) 评论(2) 推荐(0) 编辑
摘要:AngularJS模块定义了一个application。 模块是一个application中不同部分的容器。 application中的所有控制器都应该属于一个模块。带有一个控制器的模块 下面这个application("myApp")包含一个控制器("myCtrl"):{{ firstN... 阅读全文
posted @ 2015-05-13 01:40 Jaxu 阅读(1638) 评论(0) 推荐(0) 编辑
摘要:AngularJS拥有自己的HTML事件指令。ng-click指令 ng-click指令定义了AngularJS的click事件。Click me!{{ count }}运行隐藏HTML元素 ng-hide指令可以用来显示(或隐藏)application中的部分内容。 ng-hide="t... 阅读全文
posted @ 2015-05-12 12:46 Jaxu 阅读(3657) 评论(0) 推荐(0) 编辑
摘要:AngularJS通过指令将application数据绑定到HTML DOM元素的属性上。ng-disabled指令 ng-disabled指令将AngularJS application数据绑定到HTML元素的disabled属性上。Click Me!Button运行代码解释: ng-di... 阅读全文
posted @ 2015-05-12 05:17 Jaxu 阅读(4509) 评论(0) 推荐(1) 编辑
摘要:我们可以将之前章节中的代码用来从数据库中读取数据。通过PHP Server从MySQL数据库中获取数据 {{ x.Name }} {{ x.Country }} 通过ASP.NET Server从MSSQL数据库中获取数据 {{ x.Name }} {{ x... 阅读全文
posted @ 2015-05-12 03:13 Jaxu 阅读(3824) 评论(0) 推荐(0) 编辑
摘要:ng-repeat指令非常适合用来显示表格。在表格中显示数据 在AngularJS中显示表格非常容易: {{ x.Name }} {{ x.Country }} ... 阅读全文
posted @ 2015-05-12 01:57 Jaxu 阅读(3055) 评论(0) 推荐(0) 编辑
摘要:$http是AngularJS提供的一个服务,用来从远程服务器读取数据。提供数据 下面的数据由Web服务器提供:{"records": [ { "Name" : "Alfreds Futterkiste", "City" : "Berlin", "Country" : "G... 阅读全文
posted @ 2015-05-11 14:02 Jaxu 阅读(2670) 评论(0) 推荐(2) 编辑
摘要:通过管道字符(‘|’),过滤器可以被添加到表达式和指令中。AngularJS过滤器 AngularJS过滤器可以被用来转换(格式化)数据:过滤器描述currency将数字格式化为现金格式。filter从一个集合中选择子项。lowercase将字符串转换为小写形式。orderBy通过一个表达式对... 阅读全文
posted @ 2015-05-10 16:36 Jaxu 阅读(2354) 评论(0) 推荐(1) 编辑
摘要:AngularJS控制器用来控制AngularJS applications的数据。 AngularJS控制器就是普通的JavaScript对象。AngularJS控制器 AngularJS applications通过控制器进行控制。 ng-controller指令定义了一个applic... 阅读全文
posted @ 2015-05-09 04:07 Jaxu 阅读(2356) 评论(0) 推荐(0) 编辑
摘要:AngularJS通过指令将HTML属性进行了扩展。AngularJS指令 AngularJS指令是带有ng-前缀的扩展HTML属性。 ng-app指令用来初始化AngularJS application。 ng-init指令用来初始化application数据。 ng-model指令用... 阅读全文
posted @ 2015-05-08 15:12 Jaxu 阅读(2764) 评论(0) 推荐(4) 编辑
摘要:AngularJS通过表达式将数据绑定到HTML。AngularJS表达式 AngularJS表达式写在双大括号中:{{ 表达式语句 }}。 AngularJS表达式绑定数据到HTML的方式与ng-bind指令的方式相同。 AngularJS会准确地将表达式“输出”为计算的结果。 Ang... 阅读全文
posted @ 2015-05-08 05:10 Jaxu 阅读(4483) 评论(0) 推荐(0) 编辑
摘要:AngularJS使用新的attributes扩展了HTMLAngularJS对单页面应用的支持非常好(SPAs)AngularJS非常容易学习现在就开始学习AngularJS吧!关于本指南 本指南旨在帮助你尽可能快速而有效地学习AngularJS。通过该指南你会学习到AngularJS的一些基本... 阅读全文
posted @ 2015-05-08 05:09 Jaxu 阅读(3035) 评论(10) 推荐(3) 编辑
摘要:AngularJS是一个JavaScript框架。它可以通过AngularJS扩展了HTML AngularJS通过一系列ng-directives指令对HTML进行扩展。 ng-app指令定义了AngularJS application。 ng-model指令将HTML控件的值与数据模型... 阅读全文
posted @ 2015-05-08 05:09 Jaxu 阅读(4358) 评论(0) 推荐(1) 编辑
摘要:在进行页面响应式设计中,往往需要根据屏幕分辨率来显示不同大小的字体。通常的做法是通过media queries给不同的分辨率指定不同的字体样式,例如:body{ font-size: 22px; }h1{ font-size:44px;}@media (min-width... 阅读全文
posted @ 2015-05-06 06:43 Jaxu 阅读(20156) 评论(1) 推荐(2) 编辑