随笔分类 -  AngularJS

摘要:1. 在 AngularJS 中,你可以在 HTML 中包含 HTML 文件。 2. 在 HTML 中,目前还不支持包含 HTML 文件的功能。 3. 服务端包含:大多服务端脚本都支持包含文件功能 (SSI: Server Side Includes)。使用 SSI, 你可在 HTML 中包含 HT 阅读全文
posted @ 2017-01-11 15:26 王甘林 阅读(372) 评论(0) 推荐(0)
摘要:1. AngularJS 模块: 模块定义了一个应用程序。 模块是应用程序中不同部分的容器。 模块是应用控制器的容器。 控制器通常属于一个模块。 2. 创建模块:我们使用AngularJS的 angualr.module 函数来创建模块。这些代码前面的文章中也写了很多遍,在这里就不重复贴出来了。 3 阅读全文
posted @ 2017-01-11 14:40 王甘林 阅读(162) 评论(0) 推荐(0)
摘要:1. AngularJS 为 HTML DOM 元素的属性提供了绑定应用数据的指令。 2. ng-disable指令:直接绑定应用程序数据到 HTML 的 disabled 属性。 3. ng-show指令:隐藏或显示一个 HTML 元素。根据value的值来判断,类型为Boolean。 4. ng 阅读全文
posted @ 2017-01-09 16:38 王甘林 阅读(188) 评论(0) 推荐(0)
摘要:1. AngularJS 表格:ng-repeat指令可以完美显示表格。下面贴出代码。在显示表格的时候也可以使用过滤器。 阅读全文
posted @ 2017-01-09 16:03 王甘林 阅读(214) 评论(0) 推荐(0)
摘要:1. AngularJS 可以使用数组或对象创建一个下拉列表选项。使用 ng-options 指令来创建一个下拉列表,列表项通过对象和数组循环输出,代码如下: 2. ng-options 和 ng-repeat:ng-repeat 指令也可以创建下拉框列表,但是使用的方式是通过数组来循环 HTML 阅读全文
posted @ 2017-01-09 15:19 王甘林 阅读(1617) 评论(0) 推荐(0)
摘要:1. $http 是 AngularJS 中的一个核心服务,用于读取远程服务器的数据。 2. 使用$http获取json文件的数据,这里遇到了一个超级大坑,不知道是什么原因,以前代码写好后没有效果,然后使用浏览器调试的时候报错,说success不是一个方法,然后我就十分纳闷,觉得很不现实,感觉不会报 阅读全文
posted @ 2017-01-09 14:37 王甘林 阅读(477) 评论(0) 推荐(0)
摘要:1. 什么是服务? 在AngularJS中,服务是一个函数或对象,可在你的 AngularJS 应用中使用。 AngularJS 内建了30 多个服务。 AngularJS 中你可以创建自己的服务,或使用内建服务。 2. 为什么使用服务? 在很多服务中,比如 $location 服务,它可以使用 D 阅读全文
posted @ 2017-01-09 11:52 王甘林 阅读(242) 评论(0) 推荐(0)
摘要:1. AngularJS 过滤器可以使用一个管道字符(|)添加到表达式和指令中。 2. AngularJS 过滤器: 3. 表达式中添加过滤器:添加的过滤器是uppercase,使字符串格式化为大写。 4. 向指令添加过滤器和过滤输入:orderBy过滤器根据表达式排序数组,filter过滤器从数组 阅读全文
posted @ 2017-01-09 10:00 王甘林 阅读(178) 评论(0) 推荐(0)
摘要:1. AngularJS 控制器: AngularJS 控制器控制AngularJS 应用程序的数据。 ng-controller指令定义了应用程序控制器。 AngularJS 控制器是常规的JavaScript对象,由标准的JavaScript对象的构造函数创建。 <!DOCTYPE html> 阅读全文
posted @ 2017-01-09 09:27 王甘林 阅读(169) 评论(0) 推荐(0)
摘要:1. AngularJS Scope(作用域) Scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带。 Scope 是一个对象,有可用的方法和属性。 Scope 可应用在视图和控制器上。 2. 使用Scope:在 AngularJS 创建控制器时,你可以 阅读全文
posted @ 2017-01-06 17:13 王甘林 阅读(486) 评论(0) 推荐(0)
摘要:1. AngularJS模型主要就是使用的AngularJS的ng-model指令。 ng-model指令可以将输入域的值与 AngularJS 创建的变量绑定。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> 阅读全文
posted @ 2017-01-06 16:08 王甘林 阅读(208) 评论(0) 推荐(0)
摘要:1. AngularJS指令的特点: AngularJS通过被称为指令的新属性来扩展HTML,指令的前缀为ng-。 AngularJS通过内置的指令来为应用添加功能。 AngularJS允许你自定义指令。 2. 下面介绍下常见的AngularJS指令: ng-app指令:定义了AngularJS 应 阅读全文
posted @ 2017-01-06 14:47 王甘林 阅读(191) 评论(0) 推荐(0)
摘要:1. AngularJS使用表达式把数据绑定到HTML。 2. AngularJS表达式的特点: 表达式写在双大括号内:{{表达式}}。 表达式把数据绑定到HTML,这与ng-bind指令有异曲同工之妙。 在表达式书写的位置输出数据。 AngularJS表达式很像javascript表达式,它们可以 阅读全文
posted @ 2017-01-06 11:49 王甘林 阅读(549) 评论(0) 推荐(0)
摘要:1. 简介:AngularJS是为了克服HTML在构建应用上的不足而设计的。HTML是一门很好的为静态文本展示设计的声明式语言,但要构建WEB应用的话它就显得乏力了。所以我做了一些工作(你也可以觉得是小花招)来让浏览器做我想要的事。 1)通常,我们是通过以下技术来解决静态网页技术在构建动态应用上的不 阅读全文
posted @ 2017-01-06 10:33 王甘林 阅读(303) 评论(0) 推荐(0)