demo01/demo01.component.ts
import {Component} from '@angular/core'
@Component({
selector:'demo01',
template:`<h1>this is our first component</h1>`,
})
export class Demo01Component{
}
app.component.ts
import { Component } from '@angular/core';
@Component({
selector: 'my-app',
template: `<h1>Hello {{name}}</h1>
<demo01></demo01>
`,
})
export class AppComponent { name = 'New Year'; }
app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
import {Demo01Component} from './demo01/demo01.component';
@NgModule({
imports: [ BrowserModule ],
declarations: [ AppComponent,Demo01Component ],
bootstrap: [ AppComponent ]
})
export class AppModule {}