Angular 2 Là Gì

      193
I. Angular 2 là gì ?Angular 2 là 1 trong những framework UI nhằm thi công vận dụng website trên desktop với di động.Nó được thiết kế dựa trên Javascript. Chúng ta rất có thể dùng nó để xuất bản 1 ứng dụng client side thú vui sử dụng HTML, CSS với Javascript.Angular 2 có rất nhiều cách tân so với Angular 1 để dễ dãi học tập cùng cải cách và phát triển những vận dụng bài bản doanh nghiệp lớn.Với angular 2 thì họ dễ dãi xây dừng được 1 vận dụng rất có thể thuận tiện mở rộng, gia hạn, kiểm tra với chuẩn hóa ứng dụng của bản thân mình.II. Các tính năng trong angular 2

Dưới đó là những anh tài rất nổi bật vào angular 2

Two-way data bindingĐây là một giữa những nhân kiệt tuyệt cùng với nhất trong angular 2. Dữ liệu được binding một phương pháp tự động hóa và nhanh lẹ, hầu như biến hóa vào view sẽ tiến hành tự động cập nhật vào trong những component class.Powerful routing supportAngular 2 hỗ trợ mạnh mẽ những routing trải qua bí quyết sở hữu trang ko đồng điệu trên thuộc 1 trang có thể chấp nhận được bọn họ tạo ra 1 single page application.Expressive HTMLAngular 2 được cho phép họ dùng những cấu trúc thiết kế nlỗi câu lệnh if, vòng lặp for, .. nhằm render và kiểm soát điều hành những trang HTML.Modular by designAngular 2 có thiết kế theo phía modul hóa nhằm tổ chức và quản lý code một cách xuất sắc hơn.Built in baông chồng end supportAngular 2 được sản xuất nhằm cung cấp việc tiếp xúc với back-end servers và triển khai bất kỳ business xúc tích hoặc mang dữ liệu.Active communityAngular 2 được hỗ trợ vày google với có 1 xã hội đông đảo chuẩn bị sẵn sàng hỗ trợ với câu trả lời bất cứ thắc mắc làm sao của bạn.III. Sự biệt lập tại chính giữa angular 1 và angular 2

1. Hỗ trợ ES6

Angular 2 hoàn toàn được viết bằng Typescript. Điều kia đồng nghĩa là nó cung ứng mang đến ES6 Modules, class frameworks, ..

Bạn đang xem: Angular 2 là gì

2. Components là một trong những controller mới

Trong angular 1 họ có controllers còn vào angular 2 thì controller được sửa chữa vày components.Controller và view vào angular 1 được quan niệm như sau.

//Viewbody ng-controller=’appController’> h1>vm.messageh1>/body>//Controllerangular.module(‘app’).controller(‘appController’,appcontroller) message=’Hello Angular2’;Còn vào angular 2 thì chúng ta sử dụng component.

import Component from "
Component( selector: "app", template: "message ")export class AppComponent message: string=’Hello Angular2’;Trong angular 2, 1 component thay mặt cho 1 phần tử UI. Chúng ta có thể có không ít component trong 1 single web page. Các component là độc lập cùng nhau với cai quản 1 vùng của trang. Component hoàn toàn có thể tất cả component con cùng component thân phụ.

Xem thêm: Ẩn Thời Gian Online Trên Facebook Messenger Bằng Máy Tính Và Điện Thoại

3. Directives

Angular 1 có khá nhiều directives. Và một vài ba directives được áp dụng những độc nhất vô nhị là ng-repeat và ng-if.

ul> li ng-repeat =customer in vm.customers> customer.name /li>/ul> div ng-if=”vm.isVIP”> h3> VIPhường Customer /h3>/div>Trong angular 2 cũng đều có directives tuy vậy với 1 cú pháp khác. Nó có 1 lốt * trước thương hiệu của directives.

ul> li *ngFor =#customer of customers> customer.name /li>/ul> div *ngIf=”vm.isVIP”> h3> VIP.. Customer /h3>/div>Trong angular 2 ng-style, ng-src , ng-href đã bặt tăm cùng bọn chúng được thay thế sửa chữa do property binding.Việc chế tác 1 custom directives là cực kì đơn giản dễ dàng vào angular 2


Directive( selector: "")class MyDirective sầu

4. Data Bindings

4.1 Interpolation

//Angular 1h3> vm.customer.Name/h3> //Angular 2h3> customer.Name/h3>

4.2 One way Binding

//Angular 1h3> ng-bind=vm.customer.name>/h3> //Angular 2h3 =”customer.name” >/h3>Trong angular 2, bạn có thể bind cho bất kể ở trong tính nào của thành phần html

4.3 Event Binding

//Angular 1button ng-click=”vm.save()”>Savebutton> //Angular 2button (click)=”save()”>Savebutton>Trong angular 1 cần sử dụng directive sầu ngClick nhằm bind 1 sự kiện còn trong angular 2 directive sầu ngClick đã có được sa thải và bạn có thể bind trực tiếp đến DOM events.

4.4 Two- way binding

//Angular 1input ng-model=”vm.customer.name”> //Angular 2input đầu vào <(ng-model)>=”customer.name”>

5. Filters được thay tên thành Pipes

Trong angular 1, bọn họ dùng Filters nlỗi sau

td>vn.customer.name /td>Còn trong angular 2 bọn họ cũng dùng 1 cú pháp tựa như cơ mà tên bọn chúng là pipes

td> uppercase/td>

6. Platkhung specific Bootstrap

Trong angular 1 thì bọn họ dùng directive ng-phầm mềm vào HTML

body toàn thân ng-app=’app’>Còn trong angular 2 thì nó vẫn phức tạp hơn 1 chút

*

import platformBrowserDynamic from "
angular/platform-browser-dynamic";import AppModule from "./ứng dụng.module"; platformBrowserDynamic().bootstrapModule(AppModule);

7. Services

Trong angular 1 tất cả Services, Factories , Providers, Constants với values với chúng ta injected vào trong controller nhằm rất có thể sử dụng, còn trong angular 2 toàn bộ rất nhiều trang bị trên đều được gộp vào Service.Class

Hy vọng qua bài viết này sẽ giúp chúng ta có một cái nhìn tổng quan lại về angular 2. ThankyouLink tham khảo : angular2