(1)用angular-cli搭建项目
(2)新建AComponent.ts
import {Component} from '@angular/core';
@Component({
selector: 'app-a-component',
template: `<h2>测试A</h2>`
})
export class AComponent {
constructor() {
console.log('AAA');
}
}
(3)在app.module.ts中引入
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import { AppComponent } from './app.component';
import {AComponent} from "./AComponent";
@NgModule({
declarations: [
AComponent,
AppComponent
],
imports: [
BrowserModule,
FormsModule,
HttpModule
],
providers: [],
bootstrap: [AppComponent, AComponent]
})
export class AppModule {
}
(4)在html中引用
<app-a-component></app-a-component>
PS:在我的项目中,在嵌套组件中,必须在调用该组件的最近一层的module注入,不知道是什么原因。。。还在摸索中。。。