Angular 2 Là Gì

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

Dưới đấy là những khả năng trông rất nổi bật trong angular 2

Two-way data bindingĐây là 1 Một trong những bản lĩnh xuất xắc cùng với độc nhất trong angular 2. Dữ liệu được binding một giải pháp tự động cùng nhanh lẹ, những thay đổi trong view sẽ tiến hành tự động update vào trong số component class.Powerful routing supportAngular 2 cung cấp trẻ khỏe các routing thông qua phương pháp mua trang không đồng bộ bên trên cùng 1 trang được cho phép họ tạo thành 1 single page application.Expressive sầu HTMLAngular 2 cho phép chúng ta dùng những cấu trúc lập trình nhỏng câu lệnh if, vòng lặp for, .. nhằm render cùng kiểm soát và điều hành các trang HTML.Modular by designAngular 2 có thiết kế theo hướng modul hóa để tổ chức triển khai với thống trị code một cách xuất sắc rộng.Built in bachồng kết thúc supportAngular 2 được thi công để cung cấp Việc giao tiếp với back-over servers cùng thực hiện ngẫu nhiên business ngắn gọn xúc tích hoặc rước dữ liệu.Active sầu communityAngular 2 được hỗ trợ bởi google và có 1 xã hội phần đông sẵn sàng chuẩn bị cung ứng và giải đáp bất cứ thắc mắc làm sao của bạn.III. Sự biệt lập ở trung tâm angular 1 với angular 2

Tóm Tắt

4. Data Bindings

1. Hỗ trợ ES6

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

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

quý khách vẫn xem: Angular 2 là gì

2. Components là một controller mới

Trong angular 1 chúng ta gồm controllers còn trong angular 2 thì controller được sửa chữa thay thế vị components.Controller với view vào angular 1 được khái niệm như sau.

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

import Component from “Component( selector: “app”, template: “message “)export class AppComponent message: string=’Hello Angular2’;Trong angular 2, 1 component đại diện cho 1 phần tử UI. Chúng ta hoàn toàn có thể có tương đối nhiều component trong 1 single web page. Các component là tự do cùng nhau với quản lý 1 vùng của trang. Component hoàn toàn có thể gồm component bé và component cha.

Xem thêm: (Back Taxes) Là Gì? Hiểu Về Thuế Bị Truy Thu Thuế Tiếng Anh Là Gì ?

3. Directives

Angular 1 có không ít directives. Và một vài directives được áp dụng những tuyệt nhất 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 có directives nhưng với 1 cú pháp không giống. Nó có 1 vệt * trước tên của directives.

Xem thêm: Thông Tin Quy Hoạch Thành Phố Quy Nhơn, Quy Nhơn Cập Nhật Liên Tục

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 sẽ mất tích và bọn chúng được thay thế vì property binding.Việc tạo thành 1 custom directives là cực kì 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ũng có thể bind cho bất cứ thuộc tính làm sao 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 dùng directive sầu ngCliông chồng để bind 1 sự kiện còn trong angular 2 directive ngClick đã có được đào thải và bạn cũng có thể bind trực kế tiếp DOM events.

4.4 Two- way binding

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

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

Trong angular 1, chúng ta sử dụng Filters như sau

td> uppercase/td>Còn trong angular 2 bọn họ cũng dùng 1 cú pháp tương tự nhưng lại tên chúng là pipes

td> uppercase/td>

6. Platkhung specific Bootstrap

Trong angular 1 thì bọn họ dùng directive sầu ng-app trong HTML

toàn thân ng-app=’app’>Còn vào angular 2 thì nó sẽ tinh vi hơn 1 chút ít

import platformBrowserDynamic from “angular/platform-browser-dynamic”;import AppModule from “./phầm mềm.module”; platformBrowserDynamic().bootstrapModule(AppModule);

7. Services

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

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