组件角度有大小（宽度高度）

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
}