weixin_43735372-CSDN博客

原创 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 214

原创 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 426 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 183

原创 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 197

原创 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 938

原创 AngularJS入门（8）---服务

AngularJS服务什么是服务：在 AngularJS 中，服务是一个函数或对象，可在你的 AngularJS 应用中使用。AngularJS 内建了30 多个服务。如下例子中的 $location 服务，用于返回当前页面的 URL 地址。&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset=&quot

2018-11-21 16:53:53 319

原创 AngularJS入门（7）---过滤器

过滤器概述过滤器使用一个管道字符（|）添加到表达式和指令中，用来转换数据。过滤器描述currency格式化数字为货币格式filter从数组项中选择一个子集lowercase格式化字符串为小写。orderBy根据某个表达式排列数组。uppercase格式化字符串为大写。接下来是几个具体的实例uppercase 过滤器将字符串格...

2018-11-21 10:54:55 277

原创 AngularJS入门（6）---控制器

控制器什么是控制器控制器实际上就是JS函数，它们不需要扩展任何AngularJS特定的类，也不需要调用任何特定的AngularJS API,就可以正常工作。控制器的作用控制器主要用来初始化作用域实例，在实际运用中，初始化又分为：提供模型的初始值；增加UI相关的行为）（函数）以扩展$scope对象注意：在设定模型初始值时，控制器和ng-init指令都可以，但是控制器可以让...

2018-11-20 18:36:18 82

原创 AngularJS入门（5）---作用域

作用域什么是作用域：Scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带。AngularJS中的$scope对象是模板的域模型（domain model），也称为作用域实例（instance）。通过为其属性赋值，可以传递数据给其他模板渲染。作用域（scope）可以加入与模板相关的数据和提供相关的功能。例如为作用域实例定义方法，以封装UI交...

2018-11-20 15:42:13 156

原创 AngularJS入门（4）---ng-model指令

AngularJS ng-model 指令AngularJSd的模型（model）实际上就是普通的JS对象，与控制器类似，不需要特别的去扩展任何AngularJS的底层类，也不用去构造（construct）模型对象。可以在模型层中使用任何当前存在的纯JS的类或对象，模型可拥有的属性也不仅限于原始值，任何有效的JS对象或数组都是可以的。只需要将模型简单的指派给$scope,AngularJS就...

2018-11-20 13:15:04 231

原创 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 109

原创 AngularJS入门（2）---表达式

AngularJS表达式作用：把数据绑定到 HTML书写规则：写在双花括号里{{}}可以包含数字、字符串、对象、数组需要加上ng-app,否则会直接加载出关系式，而不是结果与JS表达式的比较：与 JS 表达式不同，AngularJS 表达式可以写在 HTML 中与 JS表达式不同，AngularJS 表达式不支持条件判断，循环及异常与 JS表达式不同，Angular...

2018-11-19 16:41:51 174

原创 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 133 1

怕冷的北方姑娘