组件角度有大小(宽度高度)

Question

我在Angular 4中遇到了一个问题.

我认为角度中的组件没有像这样的大小(宽度x高度):

所以我无法渲染新组件,因为旧组件仍然存在,我无法改变这个值.

Answer 1

你可以手动设置如下,

假设你有一个名为的组件 home.component.ts

@Component({
  moduleId: module.id,
  selector: 'home',
  styleUrls: ['home.component.css'],
  templateUrl: 'home.component.html',
)}

所以home.component.css,你可以设置它的高度和宽度如下,

:host {             // host targets selector: 'home'

    display: block;
    left: 0;

    width: 100%;    // takes parent width        
    OR    
    widht: 1000px   // screen of having 1000px of width


    height: 100%;   // takes parent height    
    OR        
    height: 1000px  // screen of having 1000px of height
}