だから私はいくつかの異なるテンプレートを持っていng-view
ますng-animate
. 各テンプレートには独自の CSS があり、CSS の衝突を防ぐ方法を見つけて、template1 の h1 宣言が template1 にのみ適用され、template2 には適用されないようにする必要があります。
私が現在認識しているオプションは、テンプレートに一致する ID として定義できる親要素を対象とするページに提供される CSS を書き直すことです。もう 1 つのあまり望ましくないオプションは、iframe を使用することです。これは、アプリの複数のインスタンスをそれぞれ独自の iframe で同時に実行することを意味します。
そこに他のオプションはありますか?各 CSS 宣言を分離するという目標を解決するには、どの方法が最適ですか?