javascript - 如何在加载 View 之前调用函数？

Question

我想在加载 View 内容之前调用一个 javascript 函数，因为我想在正文标签中添加一个类“light_theme”。所以我必须在加载 View 之前添加这个类，这样一切看起来都很完美。

但目前在 View 加载后 AngularJs 广告类在正文中，这让事情变得有点奇怪。

例如，默认情况下主题背景颜色是黑色，但在添加该类后它突然改变背景颜色和其他配色方案突然看起来不太好。

这就是我想在加载 View 之前添加该类的原因。我研究了但找不到任何好的解决方案。

这真的可能吗？

Answer 1

不要使用 jquery 来解决这个问题。您可以在运行阶段执行此操作，您可以在其中访问 url。如果 url == some-url 然后添加类，或者最好在 $state 对象上添加另一个名为 theme 的属性。

app.run(function ($rootScope) {
  $rootScope.$on("$stateChangeStart", function(event, toState, fromState){

    if (toState.theme === "xyz") {
        $('div').addClass('themeClass');
    } else {
        $('div').removeClass('themeClass');
    }

  });
});