javascript - angularjs的二级路由的js会互相影响，这是为啥？-PHP中文网问答

如下图所示，总览和客服两个页面共用这个head部分，两个页面由两个控制器控制，而这两个页面都要实现图右的导出数据功能，我在做测试过程中发现，当停留在总览页面的时候，导出数据是总览的页面。当我页面停留在客服页面的时候，点击导出数据功能发现，导出的还是总览页面的，第二次点击才是客服页面的。经控制台打印，总览页面和客服页面的标识（其实就是console.log(123),仅用作测试而已）都会出现，若在客服页面刷新，打印的只有客服页面的标识。但是这个两个页面都是写在不同的控制器里面呀，客服页面怎么能获取到总览页面的标识啦？如果多次在总览页面和客服页面点击，再导出数据的时候会出现同个数据表多次导出的情况。怀疑是路由的问题，请赐教！

路由配置：
.state('manager_reportForm', {

        url:'/manager_reportForm',
        templateUrl: 'manager_reportForm',
        
    })
    .state('manager_reportForm.pandect', {
        url:'/pandect',
        templateUrl: 'pandect',
        controller:'pandect'
    })
    .state('manager_reportForm.manager_serverRoute', {
        url:'/manager_serverRoute',
        templateUrl: 'manager_serverRoute',
        controller:'manager_serverRoute'
    })

一级路由：
ui-sref='manager_reportForm.pandect'

报表

二级路由：

    
        总览
        客服
    
    
        

            
昨天
            
                

                    昨天
                    过去7天
                    过去30天
                
                自定义范围
                
                    

                        
                    
                    
                        
                    
                
                
                    
                    
你输入的日期有误，请重新输入
                
            
        
        
            导出当前数据

<p class='manageReportForms_route'> <a ui-sref=".pandect" key='all' class='pandect on'>总览</a> <a ui-sref=".manager key='waiter'_serverRoute" class='manageReportForms_serverRoute'>客服</a> </p> 这样把标识写到key里下载的时候。获取当前高亮的标签的key值例如 $('.manageReportForms_route .on').attr('key');