Так что у меня есть несколько разных шаблонов, которые можно поместить в ng-view
, и каждый шаблон анимируется, используя новую графическую директиву ng-animate
. Каждый шаблон имеет свой собственный CSS, и мне нужно выяснить способ предотвращения столкновения CSS, так что объявление h1 в шаблоне1 применимо только к template1, а не к шаблону2.Динамическое добавление и удаление шаблонов AngularJS при узком CSS-узле
Параметры, о которых я в настоящее время знаю, - это переписать CSS, поскольку он должен быть отправлен на страницу, чтобы нацелить родительский элемент, который я мог бы определить как идентификатор, который соответствует шаблону. Другой, менее желательный вариант - использовать iframes, что означает, что у меня будет несколько экземпляров приложения, работающих сразу, каждый в своем собственном iframe.
Есть ли другие варианты там? Какой способ лучше всего решить цель изоляции каждой декларации CSS?
+1 для использования конкретных идентификаторов для каждого шаблона. Также для предотвращения столкновений с другими элементами на веб-странице – Eylen