javascript - angular 更改 css 文件并生效

Question

现在我有 2 个 css 文件 (ltr.css/rtl.css) 我已经在 angular.json 文件中导入默认文件或从 index.html 导入它们，它们工作得很好，但是当在 index.html 中加载一个作为默认值并尝试通过 Angular 服务中的 js 将一个更改为另一个时，href 发生了变化，但样式不像我默认加载它那样需要重新加载页面或进行刷新

html CSS 标签

这是我将 css 更改为另一个的代码

initLayoutAlign(){
    this.translate.get('LANGALIGN').subscribe((align)=>{
        this.document.getElementById('style-bandle').setAttribute('href','assets/demo/default/base/style.bundle'+(align=='rtl'?'.rtl':'')+'.css');
    })
}

Answer 1

看来是条件问题--

只是改变这个

this.document.getElementById('style-bandle').setAttribute('href','assets/demo/default/base/style.bundle'+(align=='rtl'?'.rtl':'')+'.css');

到

this.document.getElementById('style-bandle').setAttribute('href','assets/demo/default/base/style.bundle'+align+'.css');

这将指向 style.bundle.rtl.css 或 style.bundle.ltr.css