讲了四节了,一行代码都没有敲,虽说磨刀不误砍柴工,但我们也是时候,上场砍点啥啦。
今天我们就来编写我们的第一个组件,效果图如下。
首先我们使用angular-cli的generate命令来帮我们自动化创建组件。
$ ng generate component site_status
通过分析效果图我们知道了我们有8个数据需要绑定到页面上。
我们先打开src\app\site-status\site-status.component.html
Angular最新教程-第五节编写第一个组件
最新推荐文章于 2022-06-06 16:51:11 发布
本节教程将引导你编写Angular应用的第一个组件。通过使用`ng generate component`命令自动化创建组件,然后在HTML模板中绑定数据,并在组件类中声明及赋值。虽然没有涉及HTTP请求,但介绍了如何在父组件中引入新组件并添加样式,最终实现了一个简单的仪表盘展示效果。源代码和更多资源可在提供的链接中获取。
摘要由CSDN通过智能技术生成