✅ Що таке кутовий 2? - Модулі в куті 2

Що таке кутовий 2?

Що таке кутовий 2?

Для створення веб-додатків у HTML та JavaScript використовується рамка JavaScript, відома як Angular 2, яка була побудована Google. Працюючи з односторінковими програмами, перешкоди, з якими стикається, часто можна подолати за допомогою програми Angular 2.

Модулі в кутовій 2

У додатку логічні межі з'єднані кутом 2. Функціональні можливості можна розділити на різні модулі, а не об'єднувати все в одну програму. Нижче наведено деякі частини, з яких складається модуль -

Для доступу до функціональності в додатку компоненти, які потрібно завантажити, інформуються до Angular JS за допомогою масиву Bootstrap. Компонент потрібно оголосити в масиві завантажувальної програми, щоб у програмі Angular JS його можна було використовувати в інших компонентах.
Труби, похідні, компоненти та інше експортуються через експортний масив для використання в інших модулях.
З інших кутових модулів JS функціональність можна імпортувати за допомогою імпортного масиву.

Архітектура кутового 2

Анатомія програми Angular 2 описана вищенаведеною діаграмою. Функціональність програми визначається кожним компонентом, який є логічною межею. Функціональність між компонентами поділяється за допомогою шаруватих сервісів.

Компонент визначається класом, шаблоном та метаданими. Властивості та методи складаються з класу. Функціонал класу розширений і його прикрашають за допомогою метаданих. Перегляд HTML програми можна визначити за допомогою шаблону.

У цій програмі є один кореневий модуль та кілька компонентів, які розділяють функціонал.

Подібно модулю Root Angular, функціональний модуль має кілька компонентів, які розподіляють функціональні можливості.

У програмі Angular JS логічний фрагмент коду визначається компонентами.

Зв'язування та похідні виконуються за шаблоном, який містить HTML програми та надає перегляд програми.
Властивості та методи присутні у класі, який підтримує подання програми та визначено в TypeScript. Він має ім'я класу, ім'я власності, тип власності та значення.
За допомогою декоратора визначаються метадані, які мають додаткові дані.

Кутовий 2 Особливості

Потужність HTML розширюється за допомогою користувальницького елемента HTML, відомого як директива. Директиви в Angular 2 - ngif і ngFor.

Елементи додаються до коду HTML за допомогою елемента ngif у справжніх сценаріях, але вони не будуть додані, якщо він оцінюється як False. Представлений

Виходячи з умови for для циклу, використовується елемент ngFor.

Прив’язка даних є однією з особливостей у Angular 2. Для властивості класу властивість тегу HTML може бути прив'язкою.

У Angular 2 обробка помилок - це варіант для додатків. Бібліотека лову ReactJS включена і використовується функція лову. Нижче наведено код обробки помилок.

До функції "Обробник помилок" посилання міститься функцією лову. На консоль помилка надсилається функцією обробки помилок. Виконання продовжується після повернення помилки в основну програму. Це перенаправляє помилку на консоль.

Користувачів спрямовують на різні сторінки за допомогою маршрутизації після вибору параметра з головної сторінки.

У цьому дані можна було перетворити за допомогою декількох фільтрів і труб.

Для перетворення в малі регістри.

Для перетворення у великі регістри.

З вхідного рядка фрагмент даних може бути вирізаний. Початкове положення зрізу визначається початковим, а кінцеве положення - кінцевим.

Рядок введення можна перетворити у формат дати за допомогою функції дати.

До формату валюти рядок введення перетворюється за допомогою функції валюти.

У формат відсотків вхідний рядок перетворюється за допомогою функції відсотка.

Спеціальні труби можна було б створити і за допомогою кута 2.

Назва труби визначається ім'ям труби.
Спеціальний клас труби визначається класом Труба.
Для роботи з трубою використовується функція перетворення.
До труби параметри передаються Параметри.
Тип повернення труби визначається типом повернення.

Життєвий цикл кутового 2

Від моменту створення до кінця програми додаток Angular 2 має свій життєвий цикл.

Ця діаграма зображує весь життєвий цикл кутового 2. Нижче наведено опис.

Зміна значення властивості, пов'язаної з даними, описується методом ngOnChanges.
Після того, як Angular відображає властивості, пов'язані з даними, під час ініціалізації компонента викликається метод ngOnInit.
Коли Angular сам не міг виявити зміни, ngDoCheck використовується для виявлення.
На думку компонента, коли зовнішній вміст проектується Angular, ngAfterContentInit викликається у відповідь.
Після того як вміст, який проектується, перевіряється Angular, ngAfterContentChecked викликається у відповідь.
Після того, як погляди компонента та дочірні подання ініціалізуються Angular, ngAfterInit викликається.
NgAfterViewChecked викликається після того, як компоненти та дочірні подання перевіряються Angular.
До знищення директиви або складової з боку Angular, НУО, які знищують, що є етапом очищення, називається.

Послуги - ще одна властивість Angular 2, яка використовується, коли різні модулі потребують загальної функціональності. Серед різних модулів функціональність бази даних може бути повторно використана. Функціонал бази даних може використовуватися створеною службою.

Для чого нам потрібен кутовий 2?

Angular 2 надає функції, що допомагають у налагодженні та розумінні коду, також будуть покращені досвід розробки та редагування.
Кодування стає більш послідовним за допомогою Angular 2.
Кутовий 2 забезпечує широкі можливості зв’язування. Його властивість зв'язування властивостей дозволяє контролювати DOM. Реакція на будь-яку подію з точки зору може бути досягнута за допомогою прив'язки події.
Повна функція маршрутизації надає Angular 2.
Angular 2 має велику документацію та підтримку спільноти, яка забезпечує рішення майже кожного зіткнутого питання.

Висновок

Angular 2 - це одна з найбільш затребуваних рамок веб-розробок і потрібна для створення наступного веб-додатку.

Що таке кутовий 2? - Модулі в куті 2 - Кутовий 2 особливості