使用AngularJS的boomerangJS for SPA

时间:2016-05-02 13:09:44

标签: javascript angularjs boomerang

我正在尝试使用使用AngularJS构建的SPA的boomerangJS

using plugins: plugins/rt.js plugins/navtiming.js plugins/auto_xhr.js plugins/spa.js plugins/angular.js

使用init

BOOMR.init({
    beacon_url: 'http://myValidDomaincom/test.gif',
    autorun: false,
    instrument_xhr: false
  });

使用以下代码挂接Angular插件:

.run(['$rootScope', function($rootScope) {
var hadRouteChange = false;
$rootScope.$on("$routeChangeStart", function() {
    hadRouteChange = true;
});

function hookAngularBoomerang() {
    if (window.BOOMR && BOOMR.version) {
        if (BOOMR.plugins && BOOMR.plugins.Angular) {
            BOOMR.plugins.Angular.hook($rootScope, hadRouteChange);
        }
        return true;
    }
}

if (!hookAngularBoomerang()) {
    if (document.addEventListener) {
        document.addEventListener("onBoomerangLoaded", hookAngularBoomerang);
    } else if (document.attachEvent) {
        document.attachEvent("onpropertychange", function(e) {
            e = e || window.event;
            if (e && e.propertyName === "onBoomerangLoaded") {
                hookAngularBoomerang();
            }
        });
    }
}
}])

当第一次加载页面时,我使用JS

触发BOOMR.page_ready();

现在,当我浏览加载不同视图的流程时,我看不到任何新的信标被触发

  • 预期的行为是什么?
  • 每次在页面上显示新视图时,回旋镖会触发新信标吗?
  • 我是否缺少任何配置或代码,以使其正常工作?

0 个答案:

没有答案