Какво е Angular 2?
За изграждане на уеб приложения в HTML и JavaScript се използва JavaScript рамка, известна като Angular 2, която е създадена от Google. Докато работите с приложения за една страница, препятствията, с които една страна често може да бъде преодоляна, използвайки Angular 2.
Модули в ъглов 2
В приложението логическите граници са събрани от Angular 2. Функционалностите могат да бъдат разделени на различни модули, вместо да се поставят всичко в едно приложение. По-долу са някои от частите, от които е направен модул -
- За достъп до функционалността в приложението, компонентите, които трябва да бъдат заредени, се информират на Angular JS с помощта на масива Bootstrap. Компонентът трябва да бъде деклариран в bootstrap масива, така че в приложението Angular JS да може да се използва в други компоненти.
- Тръбите, производни, компоненти и т.н. се експортират през масива за износ, който да се използва в други модули.
- От други ъглови JS модули функционалността може да се импортира с помощта на импорт масив.
Архитектурата на ъгъла 2
Анатомията на приложение Angular 2 е описана от горната диаграма. Функционалността на приложението се определя от всеки компонент, който е логическата граница. Функционалността в различните компоненти се споделя с помощта на многопластови услуги.
Компонентът се дефинира от клас, шаблон и метаданни. Свойствата и методите се състоят от класа. Функционалността на класа е разширена и е декорирана с помощта на метаданни. HTML изгледът на приложението може да бъде определен с помощта на шаблона.
Това приложение има един корен модул и няколко компонента, които разделят функционалността.
Подобно на Root Angular модула, функционалният модул има няколко компонента, които разпределят функционалността.
В приложение Angular JS, логическият фрагмент от код се определя от компонентите.
- Обвързването и производни се извършват от шаблона, който съдържа HTML на приложението и прави изглед на приложението.
- Свойствата и методите присъстват в класа, който поддържа изгледа на приложението и е дефиниран в TypeScript. Той има име на клас, име на имот, тип собственост и стойност.
- С декоратор се дефинират метаданните, които имат допълнителни данни.
Ъглови 2 функции
Силата на HTML се разширява с помощта на персонализиран HTML елемент, известен като директива. Директивите в Angular 2 са ngif и ngFor.
- Елементите се добавят към HTML кода с помощта на елемента ngif в истински сценарии, но не биха били добавени, ако се изчисли на False. Представен от.
- Въз основа на условието за цикъл се използва елементът ngFor.
Обвързването на данни е една от характеристиките в Angular 2. В свойство на клас, свойството на HTML таг може да бъде обвързване.
В Angular 2 обработката на грешки е опция за приложенията. Библиотеката за улов на ReactJS е включена и се използва функцията за хващане. По-долу е кодът за обработка на грешки.
Към функцията за обработка на грешки връзката се съдържа от функцията за хващане. Към конзолата грешката се изпраща от функцията за обработка на грешки. Изпълнението продължава след като грешката се връща обратно в основната програма. Това пренасочва грешката към конзолата.
Потребителите се насочват към различни страници с помощта на Routing, след като е избрана опция от главната страница.
При това данните могат да се трансформират с помощта на няколко филтъра и тръби.
- За да преобразувате в малки букви.
- За да преобразувате в големи букви.
- От въвеждащ низ може да се изреже част от данните. Началната позиция на среза се определя от старта, а крайната позиция - от края.
- Входният низ може да бъде преобразуван във формат за дата с помощта на функцията за дата.
- Към формата на валута входният низ се преобразува с помощта на валутната функция.
- Във формат на процента входният низ се преобразува с функцията процент.
Персонализирани тръби могат да бъдат създадени и с помощта на Angular 2.
- Името на тръбата се определя от името на тръбата.
- Персонализираният тръбен клас се определя от класа Pipe.
- За работа с тръбата се използва функцията за трансформация.
- Към тръбата параметрите се предават от Параметри.
- Типът на връщането на тръбата се определя от типа Return.
Жизненият цикъл на Angular 2
От своето иницииране до края на приложението, приложението Angular 2 има своя жизнен цикъл.
Тази диаграма изобразява целия жизнен цикъл на Angular 2. По-долу е описанието.
- Промяната в стойността на свързано с данни свойство се описва чрез метода ngOnChanges.
- След като Angular показва свързаните с данните свойства, по време на инициализацията на компонента се извиква метод ngOnInit.
- Когато Angular сам не може да открие промени, ngDoCheck се използва за откриване.
- Според компонента, когато външното съдържание се проектира от Angular, ngAfterContentInit се извиква в отговор.
- След като съдържанието, което се проектира, се проверява от Angular, ngAfterContentChecked се извиква в отговор.
- След като изгледите и изгледите на компонента се инициализират от Angular, ngAfterInit се извиква.
- NgAfterViewChecked се извиква след като компонентите и изгледите на деца се проверяват от Angular.
- Преди унищожаването на директивата или компонента от Angular, се наричат НПО, които са фаза на почистване.
Услугите са друго свойство на Angular 2, което се използва, когато различни модули се нуждаят от обща функционалност. Сред различните модули функционалността на базата данни може да се използва повторно. Функционалността на базата данни може да се използва от създадената услуга.
Защо се нуждаем от Angular 2?
- Angular 2 предоставя функции, които помагат при отстраняване на грешки и разбиране на кода, опитът за разработване и редактиране също ще бъде подобрен.
- Кодирането става по-последователно с помощта на Angular 2.
- Angular 2 осигурява широки възможности за свързване. Неговата характеристика на свързване на свойствата позволява да се контролира DOM. Реакцията на всяко събитие от гледната точка може да бъде постигната с помощта на обвързващото събитие.
- Напълно представена способност за маршрутизиране осигурява Angular 2.
- Angular 2 разполага с обширна документация и поддръжка на общността, която осигурява решение на почти всеки изправен проблем.
заключение
Angular 2 е една от най-търсените рамки за уеб разработка и тази, от която се нуждаете, за да изградите следващото си уеб приложение.
Препоръчителни статии
Това е ръководство за Какво е Angular 2 ?. Тук обсъждаме въвеждането, характеристиките на модулите в Angular 2, Angular 2, заедно с жизнения цикъл на Angular 2. Можете също да прегледате и другите ни предложени статии, за да научите повече
- Как да инсталирате Angular 2?
- R Език за програмиране
- Видове уебсайтове
- Видове уеб хостинг