Სარჩევი:

როგორ ურთიერთობენ კომპონენტები ერთმანეთთან კუთხით?
როგორ ურთიერთობენ კომპონენტები ერთმანეთთან კუთხით?

ვიდეო: როგორ ურთიერთობენ კომპონენტები ერთმანეთთან კუთხით?

ვიდეო: როგორ ურთიერთობენ კომპონენტები ერთმანეთთან კუთხით?
ვიდეო: როგორ გავზარდოთ თმა უფრო სწრაფად. და ელასტიური და ნაოჭებისგან თავისუფალი კანიm/wrinkle free skin, 2024, აპრილი
Anonim

In კუთხოვანი 2 ა კომპონენტი შეიძლება გაუზიაროს მონაცემები და ინფორმაცია სხვას კომპონენტი მონაცემების ან მოვლენების გადაცემით.

კომპონენტებს შეუძლიათ ერთმანეთთან კომუნიკაცია სხვადასხვა გზით, მათ შორის:

  1. @Input() გამოყენებით
  2. გამოიყენეთ @Output()
  3. სერვისების გამოყენება.
  4. მშობელი კომპონენტი დარეკავს ViewChild-ს.
  5. მშობელი ბავშვთან ურთიერთობს ლოკალური ცვლადის გამოყენებით.

აქედან გამომდინარე, რა არის @input და @output კუთხით?

შეყვანა არის ბავშვების კომპონენტებზე მნიშვნელობების გადასაცემად და გამომავალი გამოიყენება მნიშვნელობების მშობელ კომპონენტებზე გადასაცემად. შეამოწმეთ ჩემი მაგალითი Github-ზე: კუთხოვანი -კონცეფციები-გაკვეთილები.

რა არის მშობელი და შვილი კომპონენტი კუთხურში? Კომპონენტი კომუნიკაცია არის ის, რისი განხორციელებაც თქვენ მოგიწევთ თუნდაც უმარტივესში კუთხოვანი განაცხადი. როდესაც საქმე ეხება მონაცემების გადაცემას მშობელი რომ ბავშვის კომპონენტი ჩვენ ვიყენებთ ქონების სავალდებულო. ამ შემთხვევაში, ჩვენ ვაგზავნით მონაცემებს მშობელი კომპონენტი რომ ბავშვის კომპონენტი ატრიბუტის გამოყენებით.

აქ რა არის კუთხოვანი მასალის დიზაინი?

Google-ის მიხედვით, მასალის დიზაინი არის ვიზუალური, მოძრაობის და ურთიერთქმედების ერთიანი სისტემის სპეციფიკაცია დიზაინი რომელიც ადაპტირდება სხვადასხვა მოწყობილობებზე. ჩვენი მიზანია მივაწოდოთ მჭლე, მსუბუქი კომპლექტი AngularJS - მშობლიური UI ელემენტები, რომლებიც ახორციელებენ მასალის დიზაინი სისტემაში გამოსაყენებლად კუთხოვანი SPA-ები“.

როგორ გავიგო კუთხის რომელი ვერსია მაქვს?

კუთხოვანი ვერსიის შემოწმება

  1. გახსენით Terminal + ხედი თქვენს პროექტში და ჩაწერეთ ng --version. Angular-ის უახლესი ვერსიებისთვის, აქ ჩამოთვლილია რამდენიმე Angular პაკეტის ვერსიები, რომლებიც დააინსტალირეთ თქვენს პროექტში.
  2. გახსენით პაკეტი. json ფაილი და შეამოწმეთ Angular პაკეტები, რომლებიც მითითებულია თქვენს პროექტში.

გირჩევთ: