1.ng-tap:其实就是跳转,效果和button click一样,用法:
%button(class="btn btn-primary" ng-tap="jump_to()")点击跳转
然后在相应的js文件中写jump_to()方法,规定跳转到哪个页面就好了。
2.ng-hide:当ng-hide=true时,设置此属性的元素就会隐藏,当然ture也可以写成给是一个可以返回真值的函数;反之,ng-hide=false就不用多说了。
3.ng-show:和ng-hide相反的效果。
4.ng-disabled:当ng-disabled=true时,设置该属性的元素就不能正常工作。ture也可以写成给是一个可以返回真值的函数。简单来说如果给button设置此属性,则button变为不可点的灰色状态,不能实现跳转功能。
5.ng-model:负责视图绑定到模型中的其他指令,如输入,文本或选择要求。可以使用ng-model属性绑定到你的模型属性元素上。当使用一个ng-change属性来指定一个控制器方法,那么无论什么时候用户改变输入框的值时,ng-model都会被调用。
6.ng-change:在上面已经介绍。
7.ng-repeat:集合中每一项都创建一次一组元素的副本。很多重复元素的时候会用到。
%ul(class="list-style-2" ) %li(ng-repeat="name in names") {{ name }}
8.LocalStorage本地存储:
localStorage读取、写、删除操作方法很简单,是以键值对的方式存在的,如下:
localStorage.a = 3;//设置a为"3" localStorage["a"] = "sfsf";//设置a为"sfsf",覆盖上面的值 localStorage.setItem("b","isaac");//设置b为"isaac" var a1 = localStorage["a"];//获取a的值 var a2 = localStorage.a;//获取a的值 var b = localStorage.getItem("b");//获取b的值 localStorage.removeItem("c");//清除c的值
若要一次性清除所有的键值对用clear()。
注意:最好使用getItem() setItem() removeItem().
HTML5还提供了一个key()方法,可以在不知道有哪些键值的时候使用,如:
function showStorage(){ for(var i=0;i<storage.length;i++){ //key(i)获得相应的键,再用getItem()方法获得对应的值 document.write(storage.key(i)+ " : " + storage.getItem(storage.key(i)) + "<br>"); } }
注意:HTML5本地存储只能存字符串,任何格式存储的时候都会被自动转为字符串,所以读取的时候,需要自己进行类型的转换。