Angular-@Component({})的理解

一、指定组件的CSS选择器
即对:@Component({selector:‘app-hello-world’})的理解
每个组件都需要一个css选择器，选择器会告诉Angular:当模板HTML中找到相应的标签时，就把该组件实例化在那里，例如，考虑一个组件hello-world.component.ts，它的选择器定义为app-hello-world，当出现在模板中时，这个选择器就会让Angular实例化该组件
二、定义一个组件的模板
定义组件的模板有两种方式:外部引用或写在组件内部
(1)定义为外部组件:就要把templateUrl添加到装饰器中

@Component({
  selector:'app-component-overview',
  templateUrl:'/component-overview.component.html'
})

(2)直接写在组件内部

@Component({
  selector:'app-component-overview',
  template:'<h1>hello,world</h1>'
})

注:Angular组件需要用template或templateUrl定义的模板，到两者不能同时出现
三、生命组件的样式
主要概念_组件_概述