Как остановить угловое слияние разных страниц, чтобы они выглядели одинаково?

Question

У меня есть сайт чата с использованием узла js и угловой, и я сделал страницу входа/регистрации и чата, используя их. но проблема в том, что всякий раз, когда я загружаю страницу чата, она использует стиль с других страниц и в основном действует как другой раздел одной и той же страницы. Он также объединяет логин/подпись вместе, что хорошо, потому что они имеют одинаковые стиль просто разное количество форм коробки, я хочу, чтобы остановить угловые от слияния стилей от входа/регистрации с чатом и использовать его собственный стиль. Вся помощь была бы очень оценена, спасибо заранее. И насколько мне известно и известно, в моем собственном коде нет ничего, что мешает этому, оно только угловато. сильный текст Кстати, насколько я знаю, некоторые вещи не могут быть разделены на разные страницы, и если мне нужно объединить html, это займет некоторое время и исследование, и я действительно не хочу этого делать.

Answer 1

Идея загрузки страниц как частичные не загружает его CSS и JS файлы и т.д.

Вам нужно иметь только один файл как index.html и внутри,

определить <ui-view> тега это где вы должны загружать все ваши частичные файлы, но не целую страницу, имея теги html и все такое.

Посмотрите на шаблон this, чтобы загрузить все ваши частичные файлы в один файл. , а затем,

Я настоятельно рекомендую вам проверить this веб-сайт, чтобы установить nodejs, чтобы установить все недостающие маршруты в свой файл HTML, а также определение вашего «/ CSS», «/ JS» и т.д.

Я только что объединил эти два рабочих метода, чтобы создать очень конкретную структуру приложения.

Answer 2

Все, что вам нужно сделать, чтобы избежать этой проблемы, - написать свой css с начальным родительским классом. Таким образом, ваш css будет работать только в том случае, если у вас есть родительский элемент с определенным классом.

.signIn .button { 

} 
.chat .button { 
} 

написать это и кнопка в различных элементах будет иметь разный стиль