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