ng generate component article 生成一个新组件
此命令 新建一个atricle文件夹(里面包含组件需要的文件)
此外 还在app.module.ts 文件中引入acticleComponent 组件 并声明 acticleComponentimport { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { AppComponent } from './app.component'; import { ArticleComponent } from './article/article.component'; //引入组件 @NgModule({ declarations: [ AppComponent, ArticleComponent //声明组件 ], imports: [ BrowserModule ], providers: [], bootstrap: [AppComponent] }) export class AppModule { }
想要完整构建一个组件 构建一个model文件
article.model.ts 里面写class对象
export class Article { //属性类型 title:string; link:string; votes:number; constructor(title:string,link:string,votes?:number){ //默认的属性 this.title = title; this.link = link; this.votes = votes || 0; } }