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

bởi Bạch Ngọc Toàn vào 16/01/2017 thuộc Lập trình Angular 2 căn bản . Lượt xem: 5,932

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: