قسمت 24/28: Angular 18.1 – انجمن DEV

ek3nk4r 2024-07-20

0 0 خواندن این مطلب 3 دقیقه زمان میبرد

پیشنهاد ویژه

خرید فالوور واقعی خرید لایک اینستاگرام خرید ویو اینستاگرام خرید فالوور اینستاگرام

Summarize this content to 400 words in Persian Lang
Angular 18.1 منتشر شد.

در مقایسه با نسخه‌های جزئی سری 17، ویژگی‌های تاثیرگذار زیادی را به همراه ندارد. با این وجود، ویژگی‌ای که همه درباره آن صحبت می‌کنند، که در توییتر کمی – می‌توان گفت – بیش از حد به آن پرداخته شده است، دستور جدید let syntax است.

به ما این امکان را می دهد که به یک متغیر الگو مقداری اختصاص دهیم. از آنجایی که درها را به روی ویژگی های کاملاً جدید باز نمی کند، باید آن را به عنوان یک پیشرفت نحوی ببینیم.

Netanel Basal مقاله‌ای نوشته است که ساده‌سازی‌ها/الگوهایی را که دستور let syntax به ارمغان می‌آورد را پوشش می‌دهد.

تکامل انگولار با ویژگی‌های جدید و هیجان‌انگیزی ادامه می‌یابد، از جمله ترکیب دستوری @let که اخیراً ادغام شده است، که اکنون در avilalabe در…

netbasal.com

دیگر ویژگی‌های قابل توجه نسخه فرعی، به‌روزرسانی TypeScript 5.5 است که با محمولات نوع استنباط‌شده همراه است.

@Component({
selector: ‘app-root’,
standalone: true,
template: “
})
export class AppComponent {
message$: Observablestring> = inject(HttpClient).get(‘http://www.host.com/message’).pipe(filter(value => this.isString(value)));

isString(value: unknown) {
return typeof value === ‘string’;
}

// before TypeScript 5.5
isStringExplict(value: unknown): value is string {
return typeof value === ‘string’;
}
}

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

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

توابع فراخوان نشده در شنوندگان رویداد اکنون یک خطا ایجاد می کنند. این فقط برای شنوندگان رویداد اعمال می‌شود، نه برای اتصال ویژگی در ترکیب با سیگنال‌ها.

@Component({
selector: ‘app-root’,
standalone: true,
// click get a warning
template: `Say hi`
})
export class AppComponent {
sayHi() {
console.log(‘hi’);
}
}

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

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

در نهایت، دستورالعمل routerLink اکنون یک UrlTree را نیز می پذیرد.

@Component({
selector: ‘app-root’,
standalone: true,
imports: [RouterOutlet, RouterLinkWithHref],
template: `Admin`
})
export class AppComponent {
adminLink = inject(Router).createUrlTree([‘admin’, {site: ‘basic’}, ‘main’])
}

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

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

برای اطلاعات بیشتر، به ChangeLog رسمی، ضبط جلسه پرسش و پاسخ، پست وبلاگ برای دستور let، و البته همه مقالات مختلف و غیره از انجمن بروید.

انجمن انگولار، به جرمی البورن و مارک تامپسون بپیوندید تا به سوالات پاسخ دهند و کمی سرگرم شوند!

youtube.com

Angular 18.1 منتشر شد!

blog.ninja-squad.com

نویسندگان: مارک تامپسون، کریستیان کوستادینوف

blog.angular.dev

Angular 18.1 منتشر شد.

https://www.youtube.com/watch?v=yAki8Xvwa98

Netanel Basal مقاله‌ای نوشته است که ساده‌سازی‌ها/الگوهایی را که دستور let syntax به ارمغان می‌آورد را پوشش می‌دهد.

1%2A77dRkYocMyRn9LEs5UoV1g

netbasal.com

دیگر ویژگی‌های قابل توجه نسخه فرعی، به‌روزرسانی TypeScript 5.5 است که با محمولات نوع استنباط‌شده همراه است.

@Component({
  selector: 'app-root',
  standalone: true,
  template: ``
})
export class AppComponent {
  message$: Observablestring> = inject(HttpClient).get('http://www.host.com/message').pipe(filter(value => this.isString(value)));

  isString(value: unknown) {
    return typeof value === 'string';
  }

  // before TypeScript 5.5
  isStringExplict(value: unknown): value is string {
    return typeof value === 'string';
  }
}

@Component({
  selector: 'app-root',
  standalone: true,
  // click get a warning
  template: ``
})
export class AppComponent {
  sayHi() {
    console.log('hi');
  }
}

در نهایت، دستورالعمل routerLink اکنون یک UrlTree را نیز می پذیرد.

@Component({
  selector: 'app-root',
  standalone: true,
  imports: [RouterOutlet, RouterLinkWithHref],
  template: `Admin`
})
export class AppComponent {
  adminLink = inject(Router).createUrlTree(['admin', {site: 'basic'}, 'main'])
}