Вопросы Теги

Угловой 7 фон изображения для View состоит из 2 или более компонентов?

Попробуйте следующее: 

/* style.scss */
#navbar {
    width: 80%;
    height: 23px;
}

/* style.sass */
#navbar 
    width: 80%
    height: 23px
0
задан matQ 23 February 2019 в 21:28
поделиться

1 ответ

Почему бы не добавить фоновое изображение в качестве класса CSS для вашего тега <body>, который вы можете определить в глобальном файле styles.css, а затем на странице / маршруте, который вы хотели бы показать, добавьте этот класс имя тегу <body>, используя один из этих двух вариантов.

Первый вариант самый простой, но менее рекомендуемый: 

constructor(@Inject(DOCUMENT) private document: Document) {}

ngOnInit(){
   this.document.body.classList.add('test');
}

Второй вариант (моя личная рекомендация) - реализовать пользовательский класс рендеринга из пакета @angular/core: 

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

export class myCoolComponent implements OnDestroy {

  constructor(private renderer: Renderer2) {
    this.renderer.addClass(document.body, 'test');
   }

  ngOnDestroy() {
    this.renderer.removeClass(document.body, 'test');
  }

Надеюсь, это поможет вам!

0
ответ дан mytuny 23 February 2019 в 21:28
поделиться