Programming TypeScript

Burchakli

Shyam Seshadri tomonidan kiritilgan
Angular bu Reactga qaraganda toʻliq taʼminlangan frontend ramkasi boʻlib, u nafaqat koʻrinishlarni koʻrsatish, balki tarmoq soʻrovlarini yuborish va boshqarish, marshrutlash va bogʻliqlik kiritish uchun ham qoʻllab-quvvatlanadi. U TypeScript bilan ishlash uchun boshidan qurilgan (aslida, ramkaning o'zi TypeScript-da yozilgan!).
Angular ish uslubining markazida Angular CLI-ga o'rnatilgan Ahead-of-Time (AoT) kompilyatori, Angular-ning buyruq qatori yordam dasturi bo'lib, u siz bergan turdagi ma'lumotlarni TypeScript izohlari bilan oladi va ushbu ma'lumotlardan kodingizni kompilyatsiya qilish uchun foydalanadi. oddiy JavaScript. Angular to'g'ridan-to'g'ri TypeScript-ga qo'ng'iroq qilish o'rniga, TypeScript-ga topshirishdan va uni JavaScript-ga kompilyatsiya qilishdan oldin kodingizga bir qancha optimallashtirish va o'zgartirishlarni qo'llaydi.
Keling, Angular qanday qilib Frontend ilovalarini yozishni xavfsiz qilish uchun TypeScript va uning AoT kompilyatoridan foydalanishini ko'rib chiqaylik.

Iskala qurish

Yangi Angular loyihasini ishga tushirish uchun NPM yordamida Angular CLI-ni global o'rnatishdan boshlang:
npm install @angular/cli --global
Keyin, yangi Angular ilovasini ishga tushirish uchun Angular CLI dan foydalaning:
ng yangi mening burchakli ilovam
Ko'rsatmalarga rioya qiling va Angular CLI siz uchun yalang'och burchakli ilovani o'rnatadi.
Ushbu kitobda biz Angular ilovasi qanday tuzilganligi yoki uni qanday sozlash va ishga tushirish haqida chuqurroq kirmaymiz. Batafsil ma'lumot uchun rasmiy Angular hujjatlariga o'ting .

Komponentlar

Keling, burchakli komponentni quraylik. Burchakli komponentlar React komponentlariga o'xshaydi va komponentning DOM tuzilishi, uslubi va boshqaruvchisini tavsiflash usulini o'z ichiga oladi. Angular bilan siz Angular CLI bilan komponentli qozon plitasini yaratasiz, so'ngra tafsilotlarni qo'lda to'ldirasiz. Angular komponenti bir necha xil fayllardan iborat:

• 
  DOM komponentini ko'rsatadigan shablon
  
• 
  CSS uslublari to'plami
  
• 
  Komponentlar klassi, bu komponentlaringizning biznes mantiqini belgilaydigan TypeScript klassi
  

Komponent sinfidan boshlaylik: