随笔分类 - Web前端
摘要: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...
阅读全文