本文概述
- 如何创建一个新的组件？
- 使用CLI创建组件
- 句法
Angular的核心思想是构建组件。它们使你的复杂应用程序成为可重用的部分，你可以非常轻松地重用它们。
如何创建一个新的组件？打开WebStorm > > 转到项目源文件夹> > 展开应用程序目录并创建一个名为“ server”的新目录。
【angular 7组件】现在，在服务器目录中创建组件。右键单击服务器目录，然后创建一个名为“ server.component.ts”的新文件。它是新创建的组件。
组件用于在Angular中构建网页，但它们需要模块将它们捆绑在一起。现在，你必须在模块中注册我们的新组件。
使用CLI创建组件句法
ng generate component component_name
Or
ng g c component_name让我们看看如何使用命令行创建一个新组件。
如果命令在浏览器中运行，请打开“命令”提示符并停止“服务”命令。
输入ng generate component server2来创建一个名为server2的新组件。
你也可以使用快捷方式ng g server2执行相同的任务。
文章图片
文章图片
在上图中，你可以看到创建了一个名为“ server2”的新组件。它包含与你在创建第一个应用程序时所见过的其他组件相同的组件。
server2.component.css
server2.component.html
server2.component.spec.ts
server2.component.ts这里，server2.component.spec.ts组件用于测试目的。你可以通过右键单击将其删除。
文章图片
文章图片
推荐阅读
- angular 7指令
- angular 7架构
- angular 7库
- angular 7中所有的cli命令
- angular 7使用bootstrap
- angular 7文件解释
- angular 7第一个app
- angular 7的历史和版本
- angular 7的安装