بررسی اجمالی انگولار 4
بررسی اجمالی انگولار 4
در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به بررسی اجمالی انگولار 4 خواهیم پرداخت.
سه نسخه اصلی از انگولار وجود دارد. اولین نسخه ای که منتشر شد، Angular1 است که همچنین AngularJS نامیده می شود. Angular1 به دنبال آن انگولار 2 بود، که در مقایسه با Angular1 با تغییرات زیادی وارد شد.
ساختار انگولار بر اساس معماری اجزای / خدمات است. AngularJS بر اساس کنترل کننده مدل بود. انگولار 4 در مارس 2017 منتشر شد، ثابت می کند که یک پیشرفت بزرگ است و آخرین نسخه از تیم زاویه ای پس از Angular2 است. انگولار 4 تقریبا همانند انگولار 2 است.
اجازه دهید ما در حال حاضر ویژگی های جدید و تغییرات ساخته شده در انگولار 4 را ببینید.
چرا angular4 و نه angular3؟
تیم انگولار با برخی از مسائل مربوط به نسخه های خود را با ماژول های خود و با توجه به درگیری آنها مجبور به حرکت و انتشار نسخه بعدی انگولار بود.
اجازه دهید ویژگی های جدید اضافه شده به انگولار 4 را ببینیم –
ngif
Angular2 تنها در صورت شرط پشتیبانی می شود. با این حال، انگولار 4 از شرایط دیگر نیز پشتیبانی می کند. بگذارید ببینیم که چگونه با استفاده از NG-Template کار می کند.
|
1 2 |
<span *ngIf="isavailable; else condition1">Condition is valid.</span> <ng-template #condition1>Condition is invalid</ng-template> |
به عنوان کلمه کلیدی در حلقه
با کمک به عنوان کلمه کلیدی شما می توانید مقدار را به عنوان نشان داده شده در زیر ذخیره کنید –
|
1 2 3 |
<div *ngFor="let i of months | slice:0:5 as total"> Months: {{i}} Total: {{total.length}} </div> |
مجموع متغیر تولید خروجی برش را با استفاده از کلمه کلیدی ذخیره می کند.
بسته انیمیشن
انیمیشن در انگولار 4 به عنوان یک بسته جداگانه در دسترس است و باید از angular/animations@ وارد شود. در Angular2، آن را با angular/core@ در دسترس بود. این هنوز هم برای جنبه سازگاری عقب مانده است.
فرمت انگولار4
انگولار 4 از <ng-template> به عنوان تگ به جای <template> استفاده می کند؛ دومی در Angular2 استفاده شد. دلیل آنجایی که زاویه ای 4 تغییر کرد <template> به <ng-template> به دلیل نام تداخل تگ<template> با تگ استاندارد <HTML <Template است. این به طور کامل پیش رو خواهد بود. این یکی از تغییرات عمده در زاویه 4 است.
TypeScript 2.2
انگولار 4 به یک نسخه اخیر از TypeScript، که 2.2 است به روز می شود. این به بهبود سرعت کمک می کند و نوع بررسی بهتر را در پروژه می دهد.
انگولار 4 یک پرونده جدید لوله را اضافه کرده است که اولین حرف از هر کلمه را به حروف بزرگ تغییر می دهد.
|
1 2 3 |
<div> <h2>{{ 'Angular 4 titlecase' | titlecase }}</h2> </div> |
پارامترهای جستجو HTTP
پارامترهای جستجو به HTTP دریافت API ساده شده است. ما نیازی به فراخوانی urlsearchparams برای همان همانطور که در Angular2 انجام شود، نداریم.
برنامه های کوچکتر و سریعتر
برنامه های انگولار 4 در مقایسه با Angular2 کوچکتر و سریعتر هستند. این نسخه از TypeScript نسخه 2.2 استفاده می کند، آخرین نسخه که مجموعه نهایی را به اندازه کوچک می سازد.
لیست جلسات قبل آموزش انگولار 4
.svg)
دیدگاه شما