angular demo1

来源：互联网发布：淘宝助手上传宝贝教程编辑：程序博客网时间：2024/06/05 05:42

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;  }}

阅读全文

0 0