Угловые 2 составляют компоненты, перекрывающиеся друг с другом

Question

Угловая 2 по умолчанию ставит компонент под или рядом с другим.

Возможно ли, чтобы они перекрывались по желанию?

Спасибо.

Answer 1

Компонент представляет собой не что иное, как элемент HTML. Вы должны использовать css, чтобы они перекрывались. Чтобы настроить таргетинг на сам компонент, вы должны использовать :host селектор:

@Component({ 
    selector: 'app', 
    template: ` 
     <a-component></a-component> 
     <b-component></b-component> 
    ` 
}) 
export class AppComponent{} 

а-компонент

@Component({ 
    selector: 'a-component', 
    template: 'I am A', 
    style: [` 
     :host { 
      position: fixed, 
      top: 0, 
      left: 0 
     } 
    `] 
}) 
export class AComponent{} 

Этот компонент будет перекрывать другой компонент:

б-компонент

@Component({ 
    selector: 'b-component', 
    template: 'I am B', 
    style: [` 
     :host { 
      position: fixed, 
      top: 0, 
      left: 0 
     } 
    `] 
}) 
export class BComponent{}