Съдържание:

Как компонентите комуникират помежду си в angular?
Как компонентите комуникират помежду си в angular?

Видео: Как компонентите комуникират помежду си в angular?

Видео: Как компонентите комуникират помежду си в angular?
Видео: Relating angular and regular motion variables | Physics | Khan Academy 2024, Април
Anonim

В Ъглова 2 а компонент може споделяйте данни и информация с друг съставна част чрез предаване на данни или събития.

Компонентите могат да комуникират помежду си по различни начини, включително:

  1. Използване на @Input()
  2. Използване на @Output()
  3. Използване на услуги.
  4. родител съставна част извикване на ViewChild.
  5. Родител взаимодейства с дете, използвайки локална променлива.

Оттук нататък какво е @input и @output в angular?

Вход е за предаване на стойности надолу към дъщерни компоненти и Изход се използва за предаване на стойности до родителски компоненти. Вижте моя пример в Github: ъглова -концепции-уроци.

какво е родителски и дъщерен компонент в angular? Съставна част комуникацията е нещо, което ще трябва да приложите дори и в най-простото Ъглова Приложение. Когато става въпрос за предаване на данни от родител да се дете компонент ние използваме обвързване на свойства. В този случай ние изпращаме данните от родителски компонент към дете компонент използвайки атрибут.

Тук какво представлява дизайнът на ъгловия материал?

Според Google " Материален дизайн е спецификация за единна система от визуално, движение и взаимодействие дизайн който се адаптира към различни устройства. Нашата цел е да предоставим тънък, лек комплект от AngularJS -родни елементи на потребителския интерфейс, които реализират материален дизайн система за използване в Ъглова СПА центрове."

Как да разбера каква версия на angular имам?

Проверка на ъгловата версия

  1. Отворете изгледа Terminal + във вашия проект и въведете ng --version. За последните версии на Angular това ще изброи версиите на няколко пакета Angular, които сте инсталирали във вашия проект.
  2. Отворете опаковката. json файл и разгледайте пакетите Angular, посочени във вашия проект.

Препоръчано: