我的AngularJS应用程序中有两个使用冲突CSS的路径/视图。我有两个独立的外部样式表,我想用于这些路线。例如,foo.css
路由为foo
,bar.css
路由为bar
。这样我就能解决冲突。
但是,从bar.css
导航到foo.css
时,我必须加载foo
并卸载bar
。
我该怎么做?是否有可以帮助我实现这种情况的库/模块?
我查看了ocLazyLoad
,但我不确定如何卸载加载的CSS。
答案 0 :(得分:3)
在下面的评论中,OP在AngularJS中建议了最适合我的方式 - 使用ng-disabled
指令。您只需要<html>
ng-app
属性元素,以便正确执行指令。
<link rel="stylesheet" href="/path/to/style-1.css" ng-disabled="theme.name === 'theme1'">
<link rel="stylesheet" href="/path/to/style-2.css" ng-disabled="theme.name === 'theme2'">
这样两种样式都会立即加载(以后不会导致更改闪烁)。如果某些样式最初不,则需要采用不同的方法。
见this question。然后,只需找到相应的<link>
标记,然后随意启用/禁用它们。我不认为这与AngularJS有任何关系。