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

Angular.js学习范例及笔记的更多相关文章

  1. 适合我胃口的angular.js学习资料

    断断续续弄了半年的ANGULAR.JS学习资料,网上下载了N多资料,测试了很多次. 现在只能算是入门,因时间问题,现在要转入其它领域. 如果以后要拾起来,下面这个PDF比较对我胃口. <Angu ...

  2. Angular JS 学习笔记(自定义服务:factory,Promise 模式异步请求查询:$http,过滤器用法filter,指令:directive)

    刚学没多久,作了一个小项目APP,微信企业号开发与微信服务号的开发,使用的是AngularJS开发,目前项目1.0版本已经完结,但是项目纯粹为了赶工,并没有发挥AngularJS的最大作用,这几天项目 ...

  3. Angular.js 学习笔记

    AngularJS 通过新的属性和表达式扩展了 HTML. AngularJS 可以构建一个单一页面应用程序. <!-- ng-app 指令定义一个 AngularJS 应用程序. ng-mod ...

  4. Angular JS 学习笔记(二)

    1. AngularJS 是一个 JavaScript 框架.它可通过 <script> 标签添加到 HTML 页面.AngularJS 通过 指令 扩展了 HTML,且通过 表达式 绑定 ...

  5. Angular JS 学习笔记(一)

    1. 菜鸟教程:http://www.runoob.com/angularjs/angularjs-tutorial.html 2. Angular JS中文网:http://www.apjs.net ...

  6. Angular.js学习笔记(三)

    一.过滤器 1.uppercase,lowercase 大小写转换{{ "lower cap string" | uppercase }} // 结果:LOWER CAP STRI ...

  7. Angular.js学习笔记 (二)

    用A链接对象解析url的组成 var url = 'https://www.baidu.com:8080/aaa/1.html?id=10#name'; var aLink = document.cr ...

  8. python , angular js 学习记录【1】

    1.日期格式化 Letter Date or Time Component Presentation Examples G Era designator Text AD y Year Year 199 ...

  9. angular.js学习的第一天

    第一天对angular.js进行学习,肯定是面对的入门的最简单的实例: 实现下面的这个效果,首先需要在html页面引入angular.js,在下面的div中,ng-app则表示在当前div是一个ang ...

随机推荐

  1. Linux shell的问题

    1.uptime命令可以查看当前系统的启动时间: w命令显示当前登录者top命令显示当前任务ps命令显示所有进程信息 uptime命令可以查看系统启动时间   2.使用shell时,默认的环境变量放在 ...

  2. Enable multi-tenancy on ironic

    Multi-tenancy 是openstack ironic从Ocata版本开始支持的新特性,通过network-generic-switch插件控制交换机,Ironic可以实现在不同租户间机网络隔 ...

  3. mysql导入导出数据

    mysqldump是MySQL自带的导出数据工具,通常我们用它来导出MySQL中,但是有时候我们需要导出MySQL数据库中某个表的部分数据作为测试. mysqldump命令中带有一个 --where/ ...

  4. jQuery提示parsererror错误解决办法

    jquery来处理ajax,用到了json.但是很诧异,jquery的ajax回调时一直调用了error函数(一直提示parsererror异常),success函数一次没执行过 $.ajax({ t ...

  5. HighCharts之2D柱状图、折线图的组合双轴图

    HighCharts之2D柱状图.折线图的组合双轴图 1.实例源码 DoubleAxis.html: <!DOCTYPE html> <html> <head> & ...

  6. Java Web项目(Extjs)报错六

    1.Java Web项目(Extjs)报错六 具体报错如下: usage: java org.apache.catalina.startup.Catalina [ -config {pathname} ...

  7. Struts2实现文件上传(四)

    Struts2实现文件上传 配置文件struts.xml <!-- /* * $Id: struts.xml 1364077 2012-07-21 12:57:02Z lukaszlenart ...

  8. 使用EFI引导从硬盘(U盘)安装Win7的图文教程

    目前仅支持vista后的64位系统 大部分使用EFI引导安装Win7的教程都是采用光盘启动安装,虽然光盘安装比较简单,但是对于没有光驱的朋友来说还是相当不便,更不用说光盘安装的两大缺点了,一速度慢,二 ...

  9. Parallel中分区器Partitioner的简单使用

    Partitioner.Create(1,10,4).GetDynamicPartitions() 为长度为10的序列创建分区,每个分区至多4个元素,分区方法及结果:Partitioner.Creat ...

  10. Caused by: java.lang.ClassNotFoundException: javax.persistence.Entity

    1.错误描述 usage: java org.apache.catalina.startup.Catalina [ -config {pathname} ] [ -nonaming ] { -help ...