I. Angular 2 là gì ?Angular 2 là 1 framework UI nhằm xây cất ứng dụng web bên trên desktop với điện thoại.Nó được gây ra dựa trên Javascript. Chúng ta rất có thể dùng nó nhằm thi công 1 ứng dụng client side thú vị dùng HTML, CSS với Javascript.Angular 2 có rất nhiều cách tân đối với Angular 1 nhằm tiện lợi học tập với trở nên tân tiến các ứng dụng bài bản doanh nghiệp.Với angular 2 thì họ dễ dàng sản xuất được một vận dụng hoàn toàn có thể dễ dãi không ngừng mở rộng, bảo trì, kiểm tra và chuẩn chỉnh hóa vận dụng của chính bản thân mình.II. Các tính năng vào angular 2

Dưới đây là những bản lĩnh khá nổi bật trong angular 2

Two-way data bindingĐây là một trong Một trong những tuấn kiệt tuyệt với duy nhất trong angular 2. Dữ liệu được binding một giải pháp tự động cùng nhanh lẹ, hồ hết chuyển đổi 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 cung ứng mạnh mẽ các routing thông qua phương pháp sở hữu trang ko nhất quán bên trên cùng 1 trang có thể chấp nhận được chúng ta tạo nên 1 single page application.Expressive sầu HTMLAngular 2 có thể chấp nhận được bọn họ dùng những cấu tạo thiết kế nlỗi câu lệnh if, vòng lặp for, .. nhằm render cùng kiểm soát điều hành những trang HTML.Modular by designAngular 2 có thiết kế theo hướng modul hóa nhằm tổ chức với quản lý code 1 cách xuất sắc rộng.Built in bachồng end supportAngular 2 được phát hành nhằm cung cấp Việc tiếp xúc với back-over servers và tiến hành ngẫu nhiên business xúc tích và ngắn gọn hoặc mang tài liệu.Active sầu communityAngular 2 được hỗ trợ vị google và có 1 cộng đồng đông đảo sẵn sàng chuẩn bị hỗ trợ với giải đáp bất kể thắc mắc như thế nào của người sử dụng.III. Sự biệt lập tại chính giữa angular 1 và angular 2

1. Hỗ trợ ES6

Angular 2 trọn vẹn được viết bởi Typescript. Điều kia đồng nghĩa tương quan là nó cung ứng cho ES6 Modules, class frameworks, ..Quý khách hàng đang xem: Angular 2 là gì

2. Components là 1 controller mới

Trong angular 1 chúng ta tất cả controllers còn vào angular 2 thì controller được sửa chữa thay thế vị components.Controller cùng view trong angular 1 được quan niệm nlỗi sau.

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

//Viewbody ng-controller=’appController’> h1>vm.messageh1>/body>//Controllerangular.module(‘app’).controller(‘appController’,appcontroller) message=’Hello Angular2’;Còn trong angular 2 thì họ thực hiện component.

Xem thêm: Báo Mạng Tiếng Anh Là Gì ? Báo Điện Tử Tiếng Anh Là Gì

3. Directives

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

Xem thêm: Tiếng Anh Bồi (English Vinglish Là Gì ? What Is Vinglish? Vinglish Là Gì

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 đang biến mất cùng chúng được thay thế sửa chữa vì chưng property binding.Việc tạo ra 1 custom directives là cực kì đơn giản trong 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, chúng ta có thể bind cho bất cứ nằm trong tính như thế nào của bộ phận html

4.3 Event Binding

//Angular 1button ng-click=”vm.save()”>Savebutton> //Angular 2button (click)=”save()”>Savebutton>Trong angular 1 dùng directive ngCliông chồng nhằm bind 1 sự kiện còn vào angular 2 directive sầu ngClick đã làm được đào thải với chúng ta có thể bind trực sau đó DOM events.

4.4 Two- way binding

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

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

Trong angular 1, họ dùng Filters như sau

td>vn.customer.name /td>Còn vào angular 2 họ cũng cần sử dụng 1 cú pháp giống như nhưng tên chúng là pipes

td>customer.name /td>

6. Platform specific Bootstrap

Trong angular 1 thì chúng ta dùng directive sầu ng-phầm mềm trong HTML

toàn thân ng-app=’app’>Còn trong angular 2 thì nó đang phức hợp rộng 1 chút ít

*

import platformBrowserDynamic from "angular/platform-browser-dynamic";import AppModule from "./tiện ích.module"; platformBrowserDynamic().bootstrapModule(AppModule);

7. Services

Trong angular 1 bao gồm Services, Factories , Providers, Constants cùng values cùng chúng ta injected vào vào controller để hoàn toàn có thể cần sử dụng, còn vào angular 2 toàn bộ đông đảo lắp thêm trên hầu như được gộp vào Service.Class

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


Chuyên mục: KHÁI NIỆM LÀ GÌ
Bài viết liên quan

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *