Angular 8 学习 （三 创建自己的组件）

前面我们已经学习了他的目录结构，下面我们自己上手创建一个组件

自定义组件：

创建组件的时候，我是选择的在cmd命令窗口进行操作，项目已经启动可以再开启一个项目

进入到项目目录：

ng g component  组件目录名称/组件名称

eg:

ng g component components/news     //创建了一个目录components，并在他的下面创建了一个组件news

这些就是我们创建出来的组件，

使用命令行的形式来创建组件的时候，他会自动的将组建绑定到app.module.ts文件中：

修改自定义组件news中的html：

里面就是一个html的标签

想要在别的页面使用这个页面，就需要拿到这个页面的名字：

在news.component.ts文件中

在根组件中调用news标签

这样自定义的组件就被使用了，运行项目：

ng serve --open

ok，自定义组件完成