Shablon operatorlari va $event

Shablondagi foydalanuvchi hodisalarini boshqaring va $event orqali mahalliy hodisaga kiring.

Andoza operatorlari va $event nima?

• (click) , (input) va boshqalar bilan bog‘langan voqealarga javoban ishga tushiring.
• Mahalliy hodisa obyekti uchun $event dan foydalaning.
• target.value kabi turlarga yordam berish uchun $any(...) dan foydalaning.

Shablon operatorlaridan qachon foydalanish kerak

• Oddiy UI o‘zaro ta’sirlari va hodisalardan holat yangilanishlari.
• Shablon mantig‘ini minimal darajada saqlang; murakkab mantiqni componentlar classiga o‘tkazish.
• To‘g‘ridan-to‘g‘ri o‘zaro ta’sir qilish uchun shablon mos yozuvlar o‘zgaruvchilari bilan bog‘lang.

<button (click)="count = count + 1">Add</button>
<input (input)="text = $any($event.target).value">

Kod tushuntirildi

• (click) : Component holatini yangilaydigan bosish ishlovchisini bog‘laydi.
• $event: Mahalliy hodisa obyekti; $any($event.target).value kiritilgan matnni o‘qiydi.

Misol

Shablondagi hodisalarni boshqaring va mahalliy qiymatlarga kirish uchun $event dan foydalaning:

import { bootstrapApplication } from '@angular/platform-browser';
import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  standalone: true,
  template: `
    <button (click)="count = count + 1">Increment</button>
    <input placeholder="Type" (input)="text = $any($event.target).value" [value]="text" />
    <p>Count: {{ count }}</p>
    <p>Text: {{ text || '(empty)' }}</p>
  `
})
export class App {
  count = 0;
  text = '';
}

bootstrapApplication(App);

<app-root></app-root>

Misol tushuntirildi

• (click)="count = count + 1": Tugma bosilganda component kontekstidagi bayonni bajaradi, hisoblash maydonini yangilaydi.
• $event: Mahalliy hodisa obyekti. $any($event.target).value joriy kiritilgan matnni o‘qiydi (TypeScript-ni qondirish uchun uzatilgan).
• [value]="text" : joriy component holatini kiritish elementiga qaytaruvchi bir tomonlama xususiyatni bog‘lash.
• Mantiqni kichik tuting: shablonda oddiy topshiriqlarni bajaring; ko‘p bosqichli mantiqni component usullariga o‘tkazish.