angular组件的创建和调用

组件是什么？在我们的生活中，组件是组成一个物品必不可少的关键部位，在angular当中也是如此。在angular中，组件（Component）是构成Angular应用的基础和核心。相当于一个小模块。

那么如何创建组件？

1、打开cmd,cd到之前创建文件的目录，输入ng g

2、然后会提示选择建立什么，我们要建立组件，输入 ng component

3、然后可以通过命令创建一个组件，如下图就是建立一个新的目录component，然后在里面创建一个news组件。

在vsCode中的效果图：

以上组建就已经创建完毕了，那么如何使用这个组建？

如果我想要在根目录下面去调用我刚刚建立的这个组件，方法如下：

1、首先查看目标组件的名称

2、然后在根目录下面输入该名称（style可以删除）

3、在目标组件下输入文字

4、启动，输入ng serve --open，等待一会，就会自动打开浏览器，然后呈现出内容来。如下：

5、如果想要结束操作，在控制台里面输入ctrl+c即可。

简单的总结，感谢观看。