刚接触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命名问题
定义一定要通俗易懂,每个单词和每个单词之间用_连接,也可以用首字母大写来区别,多写几个单词没关系,一定要让人能一看就明白.