Angular 2 căn bản - Bài 7: One way binding

Bài 7 sẽ học về cách binding dữ liệu từ component ra View template với cơ chế Interpolation và property binding.

Binding dữ liệu là một tính năng của các framework hiện đại, đồng bộ hóa dữ liệu hiển thị trong giao diện và model.
Nếu không có binding, một developer sẽ phải viết code liên tục đồng bộ hóa các view và model như với Jquery

import { Component } from '@angular/core';
@Component({
  selector: 'my-app',
  template: `
  <h1>Helo {{title}}!</h1>
  <img [src]="image"/>
  <my-tutorial></my-tutorial>
  <input type="text" [value]="welcomeText"/>
  `,
})
export class AppComponent {
    public title = "TEDU Channel"

    //property binding
    public image = "http://lorempixel.com/300/300";

    public welcomeText = "Welcome to Angular 2 for Beginers";
 }

Chi tiết xem video: 


Tác giả: Bạch Ngọc Toàn

Chú ý: Tất cả các bài viết trên TEDU.COM.VN đều thuộc bản quyền TEDU, yêu cầu dẫn nguồn khi trích lại trên website khác.

Lên trên