今天完成的事情:

整理萝卜多项目的bug,发现有index的点击跳转,变色出现问题,解决中.

明天的计划:

继续解决跳转,变色的问题.

遇到的问题:

1 关于我们,联系我们,如何从index页面调转过来?.

尝试使用rootscope解决:

$rootScope.showAboutUs = function () {

$rootScope.showContactUs = function () {

通过在about页面将两个点击函数的作用域扩大到全局作用域.

并在index页面写入同样的点击函数,并使用ui-sref:

<a class="footer-link-a" ui-sref="about" ng-click="showAboutUs()" ng-class="{true:'clickAboutUs',false:'unClickAboutUs'}[className1]">关于我们</a>

但是遇到一个问题:

点击联系我们,无法直接切换到联系我们,需要再点击一次.因为"联系我们"是通过ng-class与ng-click写的,并非路由.

暂未解决这个问题.

2 ui-sref、$state.go 的区别

ui-sref 一般使用在 <a>...</a>；

<a ui-sref="message-list">消息中心</a>

$state.go('someState')一般使用在 controller里面；

这两个本质上是一样的东西，ui-sref的源码：

element.bind("click", function(e) {
    var button = e.which || e.button;
    if ( !(button > 1 || e.ctrlKey || e.metaKey || e.shiftKey || element.attr('target')) ) {
        var transition = $timeout(function() {
            // HERE we call $state.go inside of ui-sref
            $state.go(ref.state, params, options);
        });

ui-sref最后调用的还是$state.go()方法.

收获:以上.