party_bid小结1

刚接触party_bid的需求,有种无从下手的感觉,以前没做过angularjs的东西,做第一张卡中间遇到很多问题,几乎每个标签,每个用法都要在网上搜,不过做完之后感觉收获挺大,在这说下遇到的比较重要的问题

1.haml

第一次用haml,很不习惯,先看了一下haml的用法,一开始的时候还是在hamltohtml这个网站,先要编译一下在写,写几次就可以弄明白haml的用法了,用熟了比html好用些.

2.{{}} 双向绑定

双向绑定指的是,绑定对象属性的改变到用户界面的变化的能力.也就是说,js controler可以通过双向绑定把数据传到haml中.非常好用.但是我直接用的时候会提示出错.

 %button.btn-style.btn-4(ng-click="begain()") {{begain_end}}

 不过不影响使用,网上查了查资料是编译器不支持

 

3.ng-repeat

举个例子

<li ng-repeat='number in numbers'>{{number}}</li>

 ngrepeat会把numbers数组中的所有元素先付给number,然后通过{{number}}显示出来.

 

4.ng-disabled

如果为真时,不显示,如果为假时,显示.

5.localstorge和json数组

这个看了很长时间才弄明白的,主要是用于数据的存取

 localStorage.setItem用于存数据,localStorage.getItem用于取数据,localStorage只能用于字符串的存取.并且localStorge存取没有时间限制.

JSON是一种轻量级的数据交换格式。JSON.prase把字符串转成对象或数组,JSON.stringify把对象转成字符串.存数据

 

 var activities=JSON.parse(localStorage.getItem("activities")) || [];

 逻辑或前面为假时执行后面,定义为空数组.取出activities的字符串转换为数组.

 activities.unshift(activity);

 unshift和push相反,push先进的在栈底,unshift先进的在栈顶

localStorage.setItem("activities", JSON.stringify(activities))

 把activities转换为字符串存进activities中.

取数据

 $scope.activities=JSON.parse(localStorage.getItem('activities'))

 取activities中的字符串并转换为数组.

6命名问题

定义一定要通俗易懂,每个单词和每个单词之间用_连接,也可以用首字母大写来区别,多写几个单词没关系,一定要让人能一看就明白.