app.component.html

创建一个事件(click)=”handleclick()”
注释：事件名后一定要带（）
列表循环*ngFor

  1. <div (click)="handleclick()">{{title}}</div>
  2. //实现列表循环
  3. <div *ngFor="let item of lists">
  4.   {{item}}
  5. </div>

app.component.ts

  1. import { Component } from '@angular/core';
  3. @Component({
  4.   selector: 'app-root',
  5.   templateUrl: './app.component.html',
  6.   styleUrls: ['./app.component.css']
  7. })
  8. export class AppComponent {
  9.   title = 'my-app';
  10.   lists:Array<number>=[1,2,3];
  11.   handleclick():void{
  12.     //可直接指向title
  13.     console.log(this.title)
  14.       //改变title里面的值
  15.     this.title="change"
  16.   }
  17. }