Привязка данных не работает в Angular, почему?

Сейчас изучаю Angular. И я просто застрял в концепции привязки данных. Я написал ниже код в 2 файлах. Но это не сработает.

app.component.ts

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit{
  constructor(){}
  name = 'Rakesh';
  ngOnInit(){
  } 
  changeMyTitle() {
    this.name = 'Rocky';
  }
}

app.component.html

 <p>My name is {{ name }} </p>
" Here is a Button code in Html calling changeMyTitle()"