5 容器和组件 Selector & Component

05 Selector & Component

下面展示如何把一个Component添加到app

在app.component.html添加Component

<video-list></video-list>
<video-detail></video-detail>

在页面会添加Component的默认内容

video-list works!
video-detail works!

当然，也可以修改默认内容，比如

更新video-list.component.ts，添加title变量

export class VideoListComponent implements OnInit {
  title = "someting"  
  constructor() { }
  ngOnInit() {
  }
}

在video-list.component.html使用这个变量

<p>
  {{title}}
</p>

保持修改，结果自动更新为

something
video-detail works!