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

原文地址:https://www.cnblogs.com/diaosizhang/p/3731262.html