Angular学习（三）：第一个组件

新建一个自己的组件，很简单，用命令:

图1

可以看到项目app文件夹下多了一个hello文件夹，这个就是刚生成的组件

图二

如何使用呢？首先找到我们刚生成的组件hello.component.ts

图三

在需要使用组件的地方直接加上<app-hello></app-hello>即可，我把这个组件放到根组件的模板中

图四

启动服务，查看下效果

图5

从图中看到我们组件被成功使用了