两种创建方式:手动创建和命令创建
手动创建:
一:基础知识:
代码说明:
二:代码实现:
1.在app目录中新建组键目录和文件
import {Component} from '@angular/core'; @Component({ selector: 'app-server',templateUrl: './server.component.html' }) export class ServerComponent { }
<!DOCTYPE html> <html lang="en"> <head> <Meta charset="UTF-8"> <title>Title</title> </head> <body> <p>这是一个server主键</p> </body> </html>
5.在文件app.componert.html中引用server组键
显示如下:
命令创建:
一:Alt+F12打开命令模式,输入ng generate component servers
或者缩写ng g c servers指定创建组键servers
二:在文件app.componert.html中引用servers组键即可