app.component.html

<div style="text-align:center"><h1>welcome to {{title}}</h1><div style="color:#f00000">我是歌谣</div><div>{{name}}</div>
</div>

 app.component.ts

import { Component } from '@angular/core';@Component({selector: 'app-root',templateUrl: './app.component.html',styleUrls: ['./app.component.css']
})
export class AppComponent {title = 'ngangular';name = 'zhansan';age = 16;names = ['zhan', 'san', 'li'];constructor() {this.title="歌谣";}
}

 app.routing,modules.ts 

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';const routes: Routes = [];@NgModule({imports: [RouterModule.forRoot(routes)],exports: [RouterModule]
})
export class AppRoutingModule { }

运行结果