在单页面应用中切换样式表

Question

我们有一个单页应用程序构建与角度,其中包含各种功能.

其中一个功能是用于代码片段的拖放界面.这些代码段中的每一个都有自己的样式,这些样式与管理面板的其余部分分开设置样式.

应用程序的主要部分使用引导主题设置样式,但拖放片段不是,因此当导航到拖放部分时,片段继承了一些引导样式.

这会导致各种问题样式明智,我正在寻找理想的解决方案,而不使用iframe或不得不覆盖引导程序样式.理想情况下,我们会卸载引导程序,然后只加载新样式,或者让新内容不继承样式.

无论如何在没有重新加载应用程序或使用iframe的情况下实现此目的？切换样式表或将新样式注入页面并删除其他样式？

Answer 1

不太确定这是否是您问题的确切答案，但您可以尝试：

<link rel="stylesheet" ng-href="/{{snippet}}.css">

然后在你的控制器中：

$rootScope.snippet= 'xxx';