角度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{} 

此組件將重疊的其他組件：

B-組件

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