برنامه نویسی

در Angular 19.2 چیست؟

چند ویژگی جالب در نسخه 19.2 آن توسط Angular منتشر شده است.

بیایید شروع به دانستن آن یکی یکی کنیم

مردی که نامه را نشان می دهد

پشتیبانی 5.8 پشتیبانی

TypeScript 5.8 منتشر شده در 13 فوریه 2025. تیم زاویه ای به مدت 13 روز روز و شب کار کرد و سرانجام برای پشتیبانی از آخرین نسخه TypeScript در 26 فوریه 2025 Angular ساخت.

اکنون به معنای واقعی کلمه در Interpolation String

به طور سنتی اپراتور Concatenation (+) برای شامل متن با متغیر تعبیه شده در یک الگوی استفاده می شود.

{{ 'Number of people who loves Angular' + peopleCount() }}

زاویه ای 19.2 اجازه می دهد تا به معنای واقعی کلمه الگوها ، درون یابی رشته را قابل خواندن و مختصر تر کند. فقط رشته خود را در داخل (`) backtick اضافه کنید و متغیر خود را با استفاده از $ {} بسته بندی کنید

{{ `Number of people loves Angular ${peopleCount()}` }}

پسر یکی را بیش از دیگری انتخاب می کند

Experimental httpResource

Suppose if you want to call an API service everytime when an Id value changes, what would be the traditional approach? We would inject HttpClient service and calling the function getUser manually whenever the Id changes. Isn’t?

`

@Injectable(providedIn: 'root')
export class UserService {
https = inject(HttpClient);

getUser(id: number): Observable {
return this.https.get(`https://api.example.com/users/${id}`)
حالت تمام صفحه را وارد کنید

از حالت تمام صفحه خارج شوید

`

اکنون ، با معرفی httpresource ما نیازی به نگرانی در مورد تماس دستی نداریم.

`

const userResource = httpResource({
method: 'GET',
url: () => https://api.example.com/users/${id}
});
حالت تمام صفحه را وارد کنید

از حالت تمام صفحه خارج شوید

`

پس از تغییر مقدار {شناسه ، درخواست HTTP به طور خودکار تازه می شود.

پسر متحرک با پروانه بازی می کند

پیشرفت های دیگر

پشتیبانی از مقدار پیش فرض در منبع ()

قبل از اینکه منبع به طور کامل بارگیری شود ، منبع (). مقدار () در یک حالت ناشناخته باقی می ماند ، از نسخه 19.2 ، می توان مقدار پیش فرض را مشخص کرد که در صورت بارگیری منبع هنوز استفاده می شود.

قبل از نسخه 19.2

resource().value(); // returns undefined

بعد از نسخه 19.2

resource({defaultValue: 'hello' }).value() //returns hello

واردات دستورالعمل ساختاری گمشده را تشخیص دهید

واردات از دست رفته هشدار از کامپایلر برای دستورالعمل ساختاری سفارشی را ایجاد نمی کند ، از 19.2 کامپایلر هشدار را برای کمک به توسعه دهندگان ناامید کننده تحریک می کند.

نوع پشتیبانی تنظیم شده در اعتبار سنج های فرم

اشیاء تنظیم شده به درستی با اعتبار سنجی مانند leventators.required ، leventators.maxl طول و levalators.maxl طول کار نمی کنند

با این بروزرسانی ، به درستی کار خواهد کرد.

const set = new Set([1,2,3]);
const formControl = new FormControl(set, [Validators.maxLength(10)]);

خلاصه

تیم زاویه ای هرگز ما را ناامید نمی کند ، چه سازگاری باشد یا پیشرفت. آنها هسته اصلی توسعه دهندگان روز به روز را درک می کنند و به موقع آن را برطرف می کنند.

Angular 19.2 سازگاری کامل با TypeScript 5.8 ، تعامل با الگوها ، درخواست HTTP ، دست زدن به ، اعتبار سنج های فرم و مدیریت منابع را فراهم می کند.

پسر خداحافظ

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا