#angularJS

AngularJS(14)-动画

AngularJS提供了动画效果,可以配合CSS使用。AngularJS使用动画需要引入angular-animate.min.js库。<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>...
代码星球 ·2020-04-06

AngularJS(13)-包含

使用AngularJS,你可以使用 ng-include 指令来包含HTML内容:<body><div class="container">  <div ng-include="'myUsers_List.htm'"><...
代码星球 ·2020-04-06

AngularJS(12)-BootStrap集成

AngularJS的首选样式表是Bootstrap,Bootstrap是目前最受欢迎的前端框架。<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>BootStrap</title...
代码星球 ·2020-04-06

AngularJS(11)-API

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>API</title><scriptsrc="angular-1.4.1/angular.min.js">&l...
代码星球 ·2020-04-06

AngularJS(10)-数据验证

AngularJS表单和控件可以提供验证功能,并对用户输入的非法数据进行警告。客户端的验证不能确保用户输入数据的安全,所以服务端的数据验证也是必须的。<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><t...
代码星球 ·2020-04-06

AngularJS(9)-表单

AngularJS表单是输入控件的集合<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>表单</title><scriptsrc="angular-1.4.1/ang...
代码星球 ·2020-04-06

AngularJS(8)-指令directive

AngularJS提供了很多内置的指令,你可以使用它们来为你的应用添加功能。诸如这些:此外,你可以使用模块来为你应用添加自己的指令:运行结果:  ...
代码星球 ·2020-04-06

AngularJS(7)-表格

ng-repeat指令可以完美的显示表格。<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>选择框Select</title><scriptsrc="angular-...
代码星球 ·2020-04-06

AngularJS(6)-选择框Select

1.在AngularJS中我们可以使用 ng-option 指令来创建一个下拉列表,列表项通过对象和数组循环输出<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>选...
代码星球 ·2020-04-06

AngularJS(5)-Http

$http 是AngularJS中的一个核心服务,用于读取远程服务器的数据加入下面有一个存储在web服务器上的数据,假设地址为http://TestWebData/myData.php{"records":[{"Name":"AlfredsFutterkiste","City":"Berlin","Count...
代码星球 ·2020-04-06

AngularJS(4)-服务(Service)

1.$location服务 $location 服务,它可以返回当前页面的URL地址2.$http服务 $http 是AngularJS应用中最常用的服务。服务向服务器发送请求,应用响应服务器传送过来的数据。3.$timeour服务 4.$interval服务5.自定义...
代码星球 ·2020-04-06

AngularJS(3)-过滤器

 过滤器可以通过一个管道字符(|)和一个过滤器添加到表达式中。.1.uppercase/lowercase大小写过滤器2.currency过滤器3.向指令添加过滤器过滤器可以通过一个管道字符(|)和一个过滤器添加到指令中。orderBy 过滤器根据表达式排列数组:4.输入过滤器可以通过一个管道字符(...
代码星球 ·2020-04-06

AngularJS(2)-Scope作用域和控制器

$scope:$rootScope 可作用于整个应用中。是各个controller中scope的桥梁。用rootscope定义的值,可以在各个controller中使用。控制器:AngularJS控制器 控制 AngularJS应用程序的数据。AngularJS控制器是常规的 J...

AngularJS(1)随笔

ng-app 指令告诉AngularJS,<div>元素是AngularJS 应用程序 的"所有者"。ng-model 指令把输入域的值绑定到应用程序变量 name。ng-bind 指令把应用程序变量name绑定到某个段落的innerHTML。&n...
代码星球 ·2020-04-06

AngularJS table 按照表头字段排序功能(升序和降序)

 一、表格按照表头排序1<!doctypehtml>2<htmlng-app="a3_4">3<head>4<title>表头排序</title>5<metahttp-equiv="Content-Type"content="text/html...
首页上一页...910111213...下一页尾页