前端学习（2324）：angular初步使用

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

 app.component.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 { }

运行结果