Angular 4 - Genel Bakış
Angular'ın üç ana sürümü vardır. Piyasaya sürülen ilk sürüm, AngularJS olarak da adlandırılan Angular1'dir. Angular1'i, Angular1'e kıyasla birçok değişiklikle gelen Angular2 izledi.
Angular'ın yapısı, bileşenlerin / hizmetlerin mimarisine dayanmaktadır. AngularJS, model görünüm denetleyicisine dayanıyordu.Angular 4 Mart 2017'de piyasaya sürülen büyük bir atılım olduğunu kanıtlıyor ve Angular2'den sonra Angular ekibinin en son sürümü.
Angular 4, Angular 2 ile hemen hemen aynıdır. Angular 2 ile geriye dönük uyumluluğa sahiptir. Angular 2'de geliştirilen projeler, Angular 4 ile sorunsuz çalışacaktır.
Şimdi yeni özellikleri ve Angular 4'te yapılan değişiklikleri görelim.
Neden Angular4 ve Angular3 Değil?
Angular ekibi, modüllerinde dahili olarak bazı sürüm oluşturma sorunlarıyla karşılaştı ve çatışma nedeniyle devam etmek ve Angular'ın bir sonraki sürümü olan Angular4'ü yayınlamak zorunda kaldılar.
Şimdi Angular 4'e eklenen yeni özellikleri görelim -
ngIf
Angular2 yalnızca ifdurum. Ancak Angular 4,if elsedurum da. Ng şablonunu kullanarak nasıl çalıştığını görelim.
<span *ngIf="isavailable; else condition1">Condition is valid.</span>
<ng-template #condition1>Condition is invalid</ng-template>
for döngüsü içinde anahtar kelime olarak
Yardımıyla as anahtar kelime değeri aşağıda gösterildiği gibi saklayabilirsiniz -
<div *ngFor="let i of months | slice:0:5 as total">
Months: {{i}} Total: {{total.length}}
</div>
Toplam değişkeni, dilimin çıktısını kullanarak as anahtar kelime.
Animasyon Paketi
Angular 4'teki animasyon ayrı bir paket olarak mevcuttur ve @ angular / animations'tan içe aktarılması gerekir. Angular2'de, @angular/core. Geriye dönük uyumluluk yönünden hala aynı tutulur.
Şablon
Angular 4 kullanır <ng-template> yerine etiket olarak <template>;ikincisi Angular2'de kullanıldı. Angular 4'ün değişmesinin nedeni<template> -e <ng-template> ad çatışması nedeniyle <template> html ile etiketleyin <template>standart etiket. Tamamen ileride kullanımdan kaldırılacaktır. Bu, Angular 4'teki en büyük değişikliklerden biridir.
TypeScript 2.2
Angular 4, TypeScript'in 2.2 olan son sürümüne güncellenmiştir. Bu, hızı artırmaya yardımcı olur ve projede daha iyi tip kontrolü sağlar.
Boru Başlık Örneği
Angular 4, her kelimenin ilk harfini büyük harfe dönüştüren yeni bir düz çizgi başlığı ekledi.
<div>
<h2>{{ 'Angular 4 titlecase' | titlecase }}</h2>
</div>
Yukarıdaki kod satırı aşağıdaki çıktıyı üretir - Angular 4 Titlecase.
Http Arama Parametreleri
Http get api için arama parametreleri basitleştirilmiştir. Aramamıza gerek yokURLSearchParams Angular2'de yapılanla aynı.
Daha Küçük ve Daha Hızlı Uygulamalar
Angular 4 uygulamaları, Angular2 ile karşılaştırıldığında daha küçük ve daha hızlıdır. Son derlemeyi boyut olarak küçük yapan en son sürüm olan TypeScript 2.2 sürümünü kullanır.