Angular 2 là gì
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
