2018年5月21日 星期一

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 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 how are you
以上內容若有不足或侵權請告知將立即處理