angular demo1

ng generate component article  生成一个新组件

此命令  新建一个atricle文件夹（里面包含组件需要的文件）

import { 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 { }

此外 还在app.module.ts 文件中引入acticleComponent 组件  并声明  acticleComponent 

想要完整构建一个组件 构建一个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;
  }
}