Angular.js学习范例及笔记
一、AngularJs
1、row in order.rows
<ng-bind="row.name">
2、ng-form
<form action=""> <input type='submit()' ></form>
3、ng-hide
<span ng-hide="true"></span>
4、ng-class
<span ng-class="{class1:true}"></span>
5、ng-model
<div ng-model="order.data.name"></div>
6、ng-click
<a ng-click="order.save"></a>
7、ng-repeat
<div ng-repeat="row in order.list"></div>
8、ng-init
<div ng-init="order.find()"></div>
9、ng-show
<span ng-show="true"></span>
二、Ajax例子:
1、get
$ajax.get({
data:{}
success:function(resp){
if(!resp.success){
return;
}
}
});
2post
$Ajax.post({
data:{
},
success:function(resp){
}
});
三、JS数组的使用:
属性:
constructor: 返回对创建此对象的数组函数的引用
var test=new Array();
var test1=true;
if (test.constructor==Array)
{
document.write("This is an Array");
}
if (test1.constructor==Boolean)
{
document.write("This is a Boolean");
}
length: 设置或者返回数组中的元素的数目
var length=array.lenght
prototype: 向对象添加属性和方法。
Order.protottype.Add=function(){};
数组方法:
concat()连接两个或者多个数组,并返回结果,
array.concat(array1,array2......);
var a = [1,2,3];
document.write(a.concat(4,5)
);
——输出1,2,3,4,5
join()吧数组的所有元素放入一个字符串,元素通过指定的分隔符进行风格
arr.jpin(分隔符)——分隔符可选。默认为使用逗号。
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas" document.write(arr.join()
)
输出:
George,John,Thomas
pop()删除并返回最后一个数组
array.pop()
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
document.write(arr.pop())
输出:Thomas
push()向数组末尾添加一个或者多个元素,并返回新的长度,
arr.push(arr1,arr2,arr3,,,,,);
reverse()颠倒数组中的元素的顺序。
arr.resverse()
shift()删除并返回第一个元素
arr.shift()
slice()从某个已有的数组中返回指定的元素
arr.slice(start,end),
start参数,-1表示最后,-2表示倒数第二,
end参数,可选,一般为数组的下表,如果为负数,则从末尾开始
sort()对数组进行排序
arr.sort(排序函数方法),无参数默认按照字母顺序,即编码顺序。
<script type="text/javascript"> function sortNumber(a,b)
{
return a - b
} var arr = new Array(6)
arr[0] = "10"
arr[1] = "5"
arr[2] = "40"
arr[3] = "25"
arr[4] = "1000"
arr[5] = "1" document.write(arr + "<br />")
document.write(arr.sort(sortNumber)
) </script>
splice()删除元素,并向数组添加新元素
arr.splice(index,howmany,item1,item2,.....,itemX);
index,添加或删除的位置,使用负数则从末尾开始
howmany,指定要删除的项目数量,设置为0的时候,则不删除
item1,可选,向数组中添加的新项目。
var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin" document.write(arr + "<br />")
arr.splice(2,1,"William")
document.write(arr)
输出:
George,John,Thomas,James,Adrew,Martin
George,John,William,James,Adrew,Martin
toSource()返回改对象的源代码
arr.toSource()
function employee(name,job,born)
{
this.name=name;
this.job=job;
this.born=born;
} var bill=new employee("Bill Gates","Engineer",1985); document.write(bill.toSource()
);
输出:
({name:"Bill Gates", job:"Engineer", born:1985})
toString()把数组转换成字符串,并返回结果
数组元素直接使用逗号分隔。
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas" document.write(arr.toString()
)
输出:
George,John,Thomas
toLocaleString()把数组转换为本地数组,并返回结果
arr.toLocaleString()
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas" document.write(arr.toLocaleString()
)
输出:
George, John, Thomas
unshift()向数组的开头添加一个或者更多元素,并返回一个新的长度
arr.unshift(item1,item2.....);
item1,必须输入,其后可选输入。
var arr = new Array()
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas" document.write(arr + "<br />")
document.write(arr.unshift("William")
+ "<br />")
document.write(arr)
输出
George,John,Thomas
4
William,George,John,Thomas
valueOf()返回数组的对象原始值。
arr.valueOf()
1、初始化:
var a=[
{id:1,
name:'a'
},
{id:2,
name:'b'
}
];
2、
splice(i,1);
i 为index索引位置,
1 为长度
四、underscore.js
_.has(,id);
_map();
_colne();
Angular.js学习范例及笔记的更多相关文章
- 适合我胃口的angular.js学习资料
断断续续弄了半年的ANGULAR.JS学习资料,网上下载了N多资料,测试了很多次. 现在只能算是入门,因时间问题,现在要转入其它领域. 如果以后要拾起来,下面这个PDF比较对我胃口. <Angu ...
- Angular JS 学习笔记(自定义服务:factory,Promise 模式异步请求查询:$http,过滤器用法filter,指令:directive)
刚学没多久,作了一个小项目APP,微信企业号开发与微信服务号的开发,使用的是AngularJS开发,目前项目1.0版本已经完结,但是项目纯粹为了赶工,并没有发挥AngularJS的最大作用,这几天项目 ...
- Angular.js 学习笔记
AngularJS 通过新的属性和表达式扩展了 HTML. AngularJS 可以构建一个单一页面应用程序. <!-- ng-app 指令定义一个 AngularJS 应用程序. ng-mod ...
- Angular JS 学习笔记(二)
1. AngularJS 是一个 JavaScript 框架.它可通过 <script> 标签添加到 HTML 页面.AngularJS 通过 指令 扩展了 HTML,且通过 表达式 绑定 ...
- Angular JS 学习笔记(一)
1. 菜鸟教程:http://www.runoob.com/angularjs/angularjs-tutorial.html 2. Angular JS中文网:http://www.apjs.net ...
- Angular.js学习笔记(三)
一.过滤器 1.uppercase,lowercase 大小写转换{{ "lower cap string" | uppercase }} // 结果:LOWER CAP STRI ...
- Angular.js学习笔记 (二)
用A链接对象解析url的组成 var url = 'https://www.baidu.com:8080/aaa/1.html?id=10#name'; var aLink = document.cr ...
- python , angular js 学习记录【1】
1.日期格式化 Letter Date or Time Component Presentation Examples G Era designator Text AD y Year Year 199 ...
- angular.js学习的第一天
第一天对angular.js进行学习,肯定是面对的入门的最简单的实例: 实现下面的这个效果,首先需要在html页面引入angular.js,在下面的div中,ng-app则表示在当前div是一个ang ...
随机推荐
- Linux shell的问题
1.uptime命令可以查看当前系统的启动时间: w命令显示当前登录者top命令显示当前任务ps命令显示所有进程信息 uptime命令可以查看系统启动时间 2.使用shell时,默认的环境变量放在 ...
- Enable multi-tenancy on ironic
Multi-tenancy 是openstack ironic从Ocata版本开始支持的新特性,通过network-generic-switch插件控制交换机,Ironic可以实现在不同租户间机网络隔 ...
- mysql导入导出数据
mysqldump是MySQL自带的导出数据工具,通常我们用它来导出MySQL中,但是有时候我们需要导出MySQL数据库中某个表的部分数据作为测试. mysqldump命令中带有一个 --where/ ...
- jQuery提示parsererror错误解决办法
jquery来处理ajax,用到了json.但是很诧异,jquery的ajax回调时一直调用了error函数(一直提示parsererror异常),success函数一次没执行过 $.ajax({ t ...
- HighCharts之2D柱状图、折线图的组合双轴图
HighCharts之2D柱状图.折线图的组合双轴图 1.实例源码 DoubleAxis.html: <!DOCTYPE html> <html> <head> & ...
- Java Web项目(Extjs)报错六
1.Java Web项目(Extjs)报错六 具体报错如下: usage: java org.apache.catalina.startup.Catalina [ -config {pathname} ...
- Struts2实现文件上传(四)
Struts2实现文件上传 配置文件struts.xml <!-- /* * $Id: struts.xml 1364077 2012-07-21 12:57:02Z lukaszlenart ...
- 使用EFI引导从硬盘(U盘)安装Win7的图文教程
目前仅支持vista后的64位系统 大部分使用EFI引导安装Win7的教程都是采用光盘启动安装,虽然光盘安装比较简单,但是对于没有光驱的朋友来说还是相当不便,更不用说光盘安装的两大缺点了,一速度慢,二 ...
- Parallel中分区器Partitioner的简单使用
Partitioner.Create(1,10,4).GetDynamicPartitions() 为长度为10的序列创建分区,每个分区至多4个元素,分区方法及结果:Partitioner.Creat ...
- Caused by: java.lang.ClassNotFoundException: javax.persistence.Entity
1.错误描述 usage: java org.apache.catalina.startup.Catalina [ -config {pathname} ] [ -nonaming ] { -help ...