Angular 6, как настроить параметры CSS для создания постоянного цвета фона на всех компонентах? - PullRequest
Новая
       11

Angular 6, как настроить параметры CSS для создания постоянного цвета фона на всех компонентах?

0 голосов
/ 04 октября 2018

Я пытаюсь создать цвет фона, который будет сохраняться на всех компонентах моего приложения Angular .

Когда я нацеливаю html background: blue на styles.css (глобальную таблицу стилей), это работает, если я изменяю инкапсуляцию на app.component.ts на ViewEncapsulation.Native, однако она охватывает все компоненты в приложении.Это означает, что цвет находится поверх всех остальных компонентов.

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

Ответы [ 2 ]

0 голосов
/ 04 октября 2018

  1. Перейдите в файл Style.css или Style.scss и добавьте этот код: 

      body { 
    background: #EEE //Your Background Color that will be shown between all components even if the component fails to load.
    }

  2. Импортируйте Renderer2 следующим образом: 

    import { Component, OnInit, Renderer2 } from 
'@angular/core';

  3. И если вы хотите добавить пользовательский фон при использовании компонента, вам нужно перейти в файл component.ts и добавить этот код в конструктор: 

    constructor(private renderer: Renderer2) {
this.renderer.setStyle(document.body, 'background', 
'#FFF');
}

Этот код будет применять цвет фона к телу только при загрузке этого компонента.

0 голосов
/ 04 октября 2018

У меня была такая же проблема и исправлена ​​с этим.Я не знаю, является ли это лучшим подходом, попробуйте поместить в теге тела в index.html: 

<body class=".." style="background:#E8EBEE;">
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...