Trang chủ Lập trình Angular 2 căn bản Angular 2 căn bản - Bài 9: Event binding
Lập trình Angular 2 căn bản 16/01/2017 5,454 lượt xem

Angular 2 căn bản - Bài 9: Event binding

Angular 2 căn bản - Bài 9: Event binding

Cách binding sự kiện trong Angular 2:

import {Component} from '@angular/core';

@Component({
    selector:'my-tutorial',
    template:`
    <h2>{{title}}</h2>
    <button (click)="OnClick($event)">Click me</button>
    <input type="text" #name />
    `
})
export class TutorialComponent{
    public title = "This TEDU Angular2 Tutorial component";

    OnClick(value){
        console.log(value); 
    }
}

Chi tiết cách làm vui lòng 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.

Chia sẻ:

Bài viết liên quan

Giới thiệu về Angular
08/12/2019 Bạch Ngọc Toàn

Giới thiệu về Angular

Chào mừng bạn đến với series bài viết hướng dẫn Angular. Series này bao gồm từ Angular 2, 3, 4, 5, 6, 7, 8 và 9. Bao gồm các bước để bắt đầu làm chủ Angular

Đọc thêm
Angular 2 căn bản - Bài 10: Two way binding
16/01/2017 Bạch Ngọc Toàn

Angular 2 căn bản - Bài 10: Two way binding

Tìm hiểu cơ chế hoạt động của Two way - binding trong Angular 2 và sự khác nhau giữa Angular 1 và 2. Đây là tính năng rất quan trọng và thường sử dụng khi bạn làm việc với Angular

Đọc thêm