所以我有几个不同的模板可以放入ng-view，每个模板都使用 slick newng-animate指令进行动画处理。每个模板都有自己的 CSS，我需要想办法防止 CSS 发生冲突，以便在 template1 中的 h1 声明仅适用于 template1，而不适用于 template2。
我目前知道的选项是重写 CSS，因为它即将提供给页面以定位父元素，我可以将其定义为与模板匹配的 ID。另一个不太理想的选择是使用 iframe，这意味着我将同时运行多个应用程序实例，每个实例都在自己的 iframe 中。
还有其他选择吗？哪种方式最能解决隔离每个 CSS 声明的目标？