- 博客(13)
- 收藏
- 关注
原创 AngularJS入门(13)
AngularJS动画在angularJS中引入angular-animate.min.js库就可以使用动画效果,同时angularJS中也可以配合使用css.什么是动画动画就是通过操作HTML元素而引起动态变化的效果。<!DOCTYPE html><html><head> <meta charset="utf-8"> ...
2018-12-11 18:55:35
287
原创 AngularJS入门(12)---点击事件
ng-clickng-click指令用于点击事件<!DOCTYPE html><html><head><meta charset="utf-8"><script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></scr
2018-12-04 18:48:20
511
3
原创 AngularJS入门(11)---对HTML的操作
AngularJS对HTML的操作ng-disabledng-disabled指令可以把数据绑定到HTML的 disabled属性上去。<!DOCTYPE html><html><head><meta charset="utf-8"><script src="https://cdn.staticfile.org/angular...
2018-12-04 11:35:16
202
原创 AngularJS入门(10)---输入验证
输入验证设置输入验证,可以在用户输入数据时显示提示信息<!DOCTYPE html><html><head><meta charset="utf-8"><script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></sc
2018-11-27 13:54:21
218
原创 AngularJS入门(9)---下拉框
下拉框AngularJS 可以使用数组或对象创建一个下拉列表选项使用 ng-option 创建下拉框列表项通过对象和数组循环输出,如下实例:&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="utf-8"&gt;&lt;script sr
2018-11-22 11:02:39
980
原创 AngularJS入门(8)---服务
AngularJS服务什么是服务:在 AngularJS 中,服务是一个函数或对象,可在你的 AngularJS 应用中使用。AngularJS 内建了30 多个服务。如下例子中的 $location 服务,用于返回当前页面的 URL 地址。&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="
2018-11-21 16:53:53
341
原创 AngularJS入门(7)---过滤器
过滤器概述过滤器使用一个管道字符(|)添加到表达式和指令中,用来转换数据。过滤器描述currency格式化数字为货币格式filter从数组项中选择一个子集lowercase格式化字符串为小写。orderBy根据某个表达式排列数组。uppercase格式化字符串为大写。接下来是几个具体的实例uppercase 过滤器将字符串格...
2018-11-21 10:54:55
301
原创 AngularJS入门(6)---控制器
控制器什么是控制器控制器实际上就是JS函数,它们不需要扩展任何AngularJS特定的类,也不需要调用任何特定的AngularJS API,就可以正常工作。控制器的作用控制器主要用来初始化作用域实例,在实际运用中,初始化又分为:提供模型的初始值;增加UI相关的行为)(函数)以扩展$scope对象注意:在设定模型初始值时,控制器和ng-init指令都可以,但是控制器可以让...
2018-11-20 18:36:18
104
原创 AngularJS入门(5)---作用域
作用域什么是作用域:Scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带。AngularJS中的$scope对象是模板的域模型(domain model),也称为作用域实例(instance)。通过为其属性赋值,可以传递数据给其他模板渲染。作用域(scope)可以加入与模板相关的数据和提供相关的功能。例如为作用域实例定义方法,以封装UI交...
2018-11-20 15:42:13
178
原创 AngularJS入门(4)---ng-model指令
AngularJS ng-model 指令AngularJSd的模型(model)实际上就是普通的JS对象,与控制器类似,不需要特别的去扩展任何AngularJS的底层类,也不用去构造(construct)模型对象。可以在模型层中使用任何当前存在的纯JS的类或对象,模型可拥有的属性也不仅限于原始值,任何有效的JS对象或数组都是可以的。只需要将模型简单的指派给$scope,AngularJS就...
2018-11-20 13:15:04
259
原创 AngularJS入门(3)---指令
AngularJS指令AngularJS指令的作用:用来扩展HTML,添加功能,而且可以自定义指令AngularJS指令定义规则:ng作为前缀,HTML5 允许扩展的(自制的)属性,以 data- 开头。AngularJS 属性以 ng- 开头,但是可以使用 data-ng- 来让网页对 HTML5 有效,如下代码:&amp;amp;lt;!DOCTYPE html&amp;amp;gt;&amp;amp;lt;html&amp;a
2018-11-19 19:39:44
137
原创 AngularJS入门(2)---表达式
AngularJS表达式作用:把数据绑定到 HTML书写规则:写在双花括号里{{}}可以包含数字、字符串、对象、数组需要加上ng-app,否则会直接加载出关系式,而不是结果与JS表达式的比较:与 JS 表达式不同,AngularJS 表达式可以写在 HTML 中与 JS表达式不同,AngularJS 表达式不支持条件判断,循环及异常与 JS表达式不同,Angular...
2018-11-19 16:41:51
200
原创 AngularJS入门(1)---简介
AngularJS入门(1)1.最好把脚本放到体的子标签里,这样会加快页面加载速度,因为HTML的加载不会受限于脚本加载。2.src访问的资源一定得是可访问的(如:src=“https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js&amp;quot;),我开始写了谷歌的一个地址(src=&amp;quot;http://ajax.googleapis.com/ajax/...
2018-11-19 15:00:00
171
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人