1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
import {Component, View, ViewEncapsulation, Attribute} from 'angular2/angular2';
import {MdCheckbox} from "../checkbox/checkbox";
 // itvovantien
// TODO(jelbourn): add gesture support
// TODO(jelbourn): clean up CSS.
 
@Component({
  selector: 'md-switch',
  inputs: ['checked', 'disabled'],
  host: {
    'role': 'checkbox',
    '[attr.aria-checked]': 'checked',
    '[attr.aria-disabled]': 'disabled_',
    '(keydown)': 'onKeydown($event)',
  }
})
@View({
  templateUrl: 'package:angular2_material/src/components/switcher/switch.html',
  directives: [],
  encapsulation: ViewEncapsulation.None
})
export class MdSwitch extends MdCheckbox {
  constructor(@Attribute('tabindex') tabindex: string) {
    super(tabindex);
  }
}
Bổ xung một số thành phần cơ bản trong component :
  • Về cấu trúc, Component có 2 phần, phần thông tin meta để hướng dẫn Angular biên dịch và phần điều khiển chính là một ES6 class quy định việc xử lý các hành vi của component.
  • @ : là một “decorator”, một tính năng của typescript để tạo dữ liệu meta về class
  • “selector” chỉ định lựa chọn “host element”, như là tên element, hay là class, thuộc tính.
  • một component có thuộc tính input và output, là public api của một component, dùng khi khởi tạo.
  • @input: là dữ liệu nhận vào component
  • @output: là dữ liệu xuất ra từ component
  • template: mô tả cách mà component được render ra trên trang; bên cạnh đó cần khai báo các directives được sử dụng
  • Provider: cung cấp các dịch vụ để các component con có thể sử dụng.

Hiện mình mới chỉ dừng lại ở các khái niệm lý thuyết, hi vọng bài viết phần nào cung cấp các  thông tin khái quát về NG2 và cho bạn một chút cảm hứng để bản có thể tìm hiểu tiếp AngularJS 2.
Tìm hiểu về Angular 2.0
Tìm hiểu về Angular 2.0

Những thay đổi chính là gì? Component  sẽ là một khái niệm trung tâm; nghe vài nhận định rằng web component là  tương lai của web, và Ang...

Read more »

So sánh điểm khác nhau giữa Angular 1 và Angular 2
So sánh điểm khác nhau giữa Angular 1 và Angular 2

Sự khác nhau giữa Angular 1 và Angular 2 -Được phát triển mới hoàn toàn, ko phải là bản nâng cấp cho angularjs 1.x -Hiện tại đang là ph...

Read more »

Nhận tải tài liệu vip trên trang tailieu.vn mới nhất 07/2015
Nhận tải tài liệu vip trên trang tailieu.vn mới nhất 07/2015

Nhận tải tài liệu vip trên trang tailieu.vn mới nhất 07/2015 Lâu quá Admin 4T mới lục lại acc vip và có một số acc vip tailieu.vn hạn s...

Read more »

Hướng dẫn đăng ký và verify Paypal mới nhất (Personal)
Hướng dẫn đăng ký và verify Paypal mới nhất (Personal)

 Để đăng ký và verify Paypal mới nhất ( Personal ) ta làm theo hướng dẫn đăng ký tài khoản loại cá nhân ( Personal/Premier ). Nếu bạn cần ...

Read more »
 
Top