party_bid问题总结

1.刚开始在AngularJS写代码，需要设置button的位置，直接在建立好的.haml文件里写代码为div(class="header-left"）运行之后却发现button的位置没有改变，可是检查代码也没有错误，后来才知道是没有在css中引入相应的那些.css文件而已，而且需要在index.haml中建立相应的链接：

%link(rel="stylesheet" type="text/css" href="lib/js/angular/mobile-nav.css")
    %link(rel="stylesheet" type="text/css" href="css/android.css")
    %link(rel="stylesheet" type="text/css" href="css/bootstrap.css")
    %link(rel="stylesheet" type="text/css" href="css/bootstrap-responsive.css")
    %link(rel="stylesheet" type="text/css" href="css/bootstrapswitch.css")
    %link(rel="stylesheet" type="text/css" href="css/bootstrapswitch-custom.css")
    %link(rel="stylesheet" type="text/css" href="css/font-awesome.css")）

而且每新建一个.haml文件都需要在controller里相应建一个.js文件，并且根据需要写相应的函数。当涉及多个页面时，routes.js中也需要相应添加内容（routes.js里有范例，看了自然知道如何做。）

注：div(class="header-left"）其实可以写为：.header-left

2.由于刚开始写代码，没有一个好的写代码的习惯，而且还不会检查错误。这次在调用一个函数做跳转时写为ng-tap="go_list"运行之后却无法实现跳转，检查好多遍都觉得没错，最后才发现原来是丢了（）的原因。正确代码是ng-tap="go_list（）"，学会检查这种系统不提示什么类型错误而且没有什么技术含量的错误还是很重要的。

3.

div id="wrapper" class="wrapper scrollable"></div>  //html

#wrapper.wrapper.scrollable   //haml

wrapper是ID名可以随便取只要在同一个html里aml不要重复就行了。

4.:before和::before的区别单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素

5.controller中的所有.js文件里的函数都不可以再定义$scope.AngularJS已经默认定义了，重新定义之后会无法实现.js与.haml中内容的联系。

6.在js代码的任何部分调用console.log，然后你就可以在浏览器的开发者控制台里，看到这个函数调用的那一瞬间你指定的变量或表达式的值,程序出错时可以用以检查错误。