Javascript 角度更改css文件并使其生效

现在我有了2个css文件（ltr.css/rtl.css），我已经在angular.json文件中默认导入了这个文件，或者从index.html导入了它，它们工作得很好， 但当在index.html中加载一个作为默认值，并试图通过js在angular service中将一个更改为另一个时，href发生了更改，但样式与我加载的默认样式不同，需要重新加载页面或进行刷新

html css标签

这是我将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');
    })
}

---

看来有条件的问题--

改变这个

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

到

---

这将指向

style.bundle.rtl.css

或

style.bundle.ltr.css

似乎存在条件问题--

改变这个

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

到

---

这将指向

style.bundle.rtl.css

或

style.bundle.ltr.css

谢谢，但条件很好，但我发现我从angular.json中删除了css文件，但之后我不会重新服务angular以查看更改，现在很好，但是有一秒钟css文件正在更改网页现在有css只是文本谢谢，但是条件很好，但是我发现我从angular.json中删除了css文件，但之后我不再重新服务angular来查看更改，所以，现在它的工作很好，但有一秒钟，css文件正在改变网页是与现在有css只是文本