2-1.Angular 入門教學 - 將ts的變數值顯示在Html上 - 文字插值與繫結

影片講解

第一個實作，先來個簡單的，目標是把app.component.ts的變數值顯示在app.component.html上

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent {
  title = 'OneTodo';
}

 這邊有一個title變數，值為OneTodo，接著我們換去app.component.html頁面

<h1>{{title}}</h1>

在要顯示的位置擺上變數名稱title並用{{}}將它包起來，如上圖，存檔後畫面就變成以下

我們的OneTodo就被顯示在Html上了

想看更多可以看影片講解

參考文件： 
使用插值語法顯示值