讲了四节了，一行代码都没有敲，虽说磨刀不误砍柴工，但我们也是时候，上场砍点啥啦。
今天我们就来编写我们的第一个组件，效果图如下。
首先我们使用angular-cli的generate命令来帮我们自动化创建组件。
$ ng generate component site_status
通过分析效果图我们知道了我们有8个数据需要绑定到页面上。
我们先打开src\app\site-status\site-status.component.html
本节教程将引导你编写Angular应用的第一个组件。通过使用`ng generate component`命令自动化创建组件，然后在HTML模板中绑定数据，并在组件类中声明及赋值。虽然没有涉及HTTP请求，但介绍了如何在父组件中引入新组件并添加样式，最终实现了一个简单的仪表盘展示效果。源代码和更多资源可在提供的链接中获取。
订阅专栏 解锁全文
扫一扫
1616
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
