در 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 ، دست زدن به ، اعتبار سنج های فرم و مدیریت منابع را فراهم می کند.