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