Managing Dynamic Data

Dinamik ma'lumotlarni boshqarish

Komponent holati va xatti-harakatlarini aniqlab, dinamik ma'lumotlarni boshqaring.

Endi biz komponentning asosiy tuzilishini o'rgandik, endi komponentning ma'lumotlari (ya'ni, holati) va xatti-harakatlarini qanday aniqlashni o'rganamiz.

Holat nima?

Komponentlar ilovangizning alohida qismlari uchun mas'uliyatni tartibli ravishda ajratish imkonini beradi. Masalan, SignUpForm komponenti foydalanuvchilarga ma'lum bir harakatni amalga oshirishga ruxsat berishdan oldin shaklning to‘g‘ri yoki noto‘g‘ri ekanligini kuzatib borishi mumkin. Natijada, komponent kuzatishi kerak bo'lgan turli xususiyatlar ko'pincha "holat" deb ataladi.

Holatni aniqlash

Holatni aniqlash uchun komponent ichidagi sinf maydonlari sintaksisidan foydalanasiz.

Misol uchun, TodoListItem komponentidan foydalanib, kuzatishni istagan ikkita xususiyatni yarating:

• taskTitle — Vazifaning nomi nima
• isComplete — Vazifa bajarilgan yoki yo'qligi

// todo-list-item.component.ts
@Component({ ... })
export class TodoListItem {
  taskTitle = '';
  isComplete = false;
}

Holatni yangilash

Agar siz holatni yangilamoqchi bo'lsangiz, odatda bu komponent sinfidagi metodlarni aniqlash orqali amalga oshiriladi, ular this kalit so'zi bilan turli sinf maydonlariga kirishadi.

// todo-list-item.component.ts
@Component({ ... })
export class TodoListItem {
  taskTitle = '';
  isComplete = false;
 
  completeTask() {
    this.isComplete = true;
  }
 
  updateTitle(newTitle: string) {
    this.taskTitle = newTitle;
  }
}

Keyingi qadam

Endi siz dinamik ma'lumotlarni qanday aniqlash va boshqarishni o'rgandingiz, bu ma'lumotlarni shablonlarda qanday ishlatishni o'rganish vaqti keldi.