个性化阅读
专注于IT技术分析

angular 7组件

本文概述

组件是Angular的关键功能。整个应用程序是使用不同的组件构建的。

Angular的核心思想是构建组件。它们使你的复杂应用程序成为可重用的部分,你可以非常轻松地重用它们。

如何创建一个新的组件?

打开WebStorm >>转到项目源文件夹>>展开应用程序目录并创建一个名为“ server”的新目录。

现在,在服务器目录中创建组件。右键单击服务器目录,然后创建一个名为“ 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组件用于测试目的。你可以通过右键单击将其删除。


赞(0)
未经允许不得转载:srcmini » angular 7组件

评论 抢沙发

评论前必须登录!