Angularv4.初体验


872 浏览 3 years, 10 months

5 容器和组件 Selector & Component

版权声明: 转载请注明出处 http://www.codingsoho.com/

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!