0

У меня приложение на angularJS. В главном файле index.html подключены соответствующие библиотеки. Стили внутри body, прописан ng-view, несколько шаблонов.

Как задавать им стили? К примеру paige1.html - я хочу подключить style1.css, я думаю надо подключать стили в главном index.html file, а что делать, если будет перекрытие стилей?

1
  • Что в Вашем понимании перекрытие стилей? Обычно разные блоки страниц имеют разные классы и, соответственно, стили. Если вы имеете в виду, что у Вас разные page (page1, page2... pageN), элементы в которых имеют имеют одинаковые названия стилей, но сами стили разные, и Вам при этом нужно для каждой страницы грузить нужный файл, то вас спасет только бандлер. Он же поможет грузить нужные контроллеры, относящиеся только к выбранной странице. 4 апр 2017 в 13:30

1 ответ 1

1

Приложение на AngularJS подразумевает собой принцип SPA.
Следовательно, в подключаемых через ng-view файлах должна быть только разметка, а все основные подключаемые зависимости прописаны в главном файле index.html.
А чтобы для разных блоков применялись разные стили, достаточно эти блоки (и стили для них) обернуть в контейнеры, используя class, либо id.

3
  • так а если приложение вырастет огромным и где-то будут одинаковые названия классов или id 4 апр 2017 в 13:37
  • ну тут ведь принцип такой же, как и на обычных вебсайтах - одинаковые классы у одинаковых элементов... в хорошем продакшене все файлы конкатенируются по итогу в один, потому априори не должно быть повторений
    – lexxl
    4 апр 2017 в 16:34
  • всё ясно спасибо 4 апр 2017 в 18:26

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.