1,因为项目需要,我学习了一点angularjs。并想记录下来,供以后查阅

2,构建项目

git clone https://github.com/angular/angular-seed.git

进入angular-seed目录,运行npm install

然后运行npm start

3,修改文件

推荐angularjs的规范,http://www.reqianduan.com/1722.html

4,问题及解决方法

4.1无法调用子状态下的视图,

AngularJS学习:构建小型angular项目

在父状态base下有子状态main,但是通过

AngularJS学习:构建小型angular项目

就是无法展现子状态main。

解决方法,在子状态main的url配置前加入^即可

AngularJS学习:构建小型angular项目


4.2在引入所有的controller文件正常情况下,仍然报这个错误,

AngularJS学习:构建小型angular项目

解决方法

是在controller的LLFE(Immediately Invoked Funtion Expression)少了末尾的括号

AngularJS学习:构建小型angular项目

修改如下图

AngularJS学习:构建小型angular项目

4.3 在state的resolve属性中,使用promise,如下

AngularJS学习:构建小型angular项目

但是不论rootscope.auth是否存在,都不能跳转到base.main中,解决方法加入deffered.resolve()。如下图

AngularJS学习:构建小型angular项目


相关文章: