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({

　　url:'',

　　data:{}

　　success:function(resp){

　　　　if(!resp.success){

　　　　　　return;　

　　　　}

　　}

});

2post

$Ajax.post({

     url:'',

　　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();