首页 > 编程学习 > angular组件的创建和调用

angular组件的创建和调用

发布时间:2021/9/4 22:50:54

组件是什么?在我们的生活中,组件是组成一个物品必不可少的关键部位,在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即可。

简单的总结,感谢观看。

Copyright © 2010-2022 ngui.cc 版权所有 |关于我们| 联系方式| 豫B2-20100000