3 数据

1 动态数据

使用插值表达式 {{ }}

//app.component.ts
import { Component } from '@angular/core';
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'my-app';
}

// app.component.html
<div>{{title}}</div>

2 获取数据

语法： this.xxx

export class AppComponent {
  title = 'my-app';
  handleClick():void{
    console.log(this.title)
  }
}