動態添加和刪除AngularJS模板，同時對CSS進行狹義區分

Question

所以我有幾個不同的模板被放入ng-view，並且每個模板都被動畫成使用光滑的新的ng-animate指令。每個模板都有自己的CSS，我需要找出一種方法來防止CSS發生衝突，因此template1中的h1聲明僅適用於template1，而不適用於template2。

我目前意識到的選項要麼是重寫CSS，因爲它將被提供給頁面以定位父元素，我可以將其定義爲與模板匹配的ID。另一種不太理想的選擇是使用iframe，這意味着我會有幾個應用程序一次運行的實例，每個實例都在自己的iframe中。

有沒有其他的選擇嗎？哪種方式最好能夠解決隔離每個CSS聲明的目標？

Answer 1

你可以讓你的控制器分配一個body className並使用它來限制每個模板的CSS樣式。