Angular 06.[屬性繫結] (Property Binding)

依上篇範例到app.component.ts，新增一個url的屬性

export class AppComponent {
  hi = 'hi how are you';
  url = 'http://www.google.com';
} 

到app.component.html裡修改href的屬性

   {{ hi }}

在前端的超連結就會顯示出hi how are you，點擊後會到指定的連結www.google.com
===============================================================
自訂屬性data-xxx
到app.component.ts，新增一個title的屬性

export class AppComponent {
  hi = 'hi how are you';
  url = 'http://www.google.com';
  title = 'i\'m title';
}

到app.component.html裡修改加入data-title的屬性，前面需加入attr.

   {{ hi }}

看原始碼就會有

 hi how are you

以上內容若有不足或侵權請告知將立即處理