party_bid知识点总结

开始做party_bid后学到了很多东西,做一下总结:
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本地存储只能存字符串,任何格式存储的时候都会被自动转为字符串,所以读取的时候,需要自己进行类型的转换。

猜你喜欢

转载自hjingfen.iteye.com/blog/2032474