Вступ до кутового 2 чіт-листа

Angular 2 - це рамка з відкритим кодом, яка була побудована на JavaScript. В основному він використовується для розробки фронтальних веб-додатків. Він є наступником AngularJS. Це написано в TypeScript. Він розроблений Google. Angular 2 побудований на сучасному JavaScript, який використовує ES6. Angular 2 має кращі можливості управління подіями, потужні шаблони, кращу підтримку мобільних пристроїв та настільних веб-додатків. Він також сумісний з мобільними пристроями та на всіх платформах, таких як Windows, Mac та Linux.

Angular 2 має основні особливості для розробки програм, що представляють собою компоненти, машинопис та сервіси. Angular 2 має різні компоненти, що представляють собою модулі, компоненти, шаблони, метадані та сервіс. Компоненти допомагають розбудовувати додаток у багато модулів, що допомагає підтримувати додаток довше. Різний набір коду підтримується та використовується різними модулями програми, опікуючись функцією обслуговування. Модулі допомагають розбити додаток на логічний фрагмент, який закодований для виконання певного завдання.

Команди та вміст на кутовому 2 чіт-аркуші

Кутовий аркуш 2 має велику бібліотеку, масштабовану, розширювану, інтерактивну та містить багато вбудованих методів для обчислення загальних операцій. Для шаблонів, NgModules, вбудованих директив, форм та інших конфігурацій є різні синтаксиси, як показано нижче:

Синтаксис шаблону ОПИС
Він пов'язує властивість "value" з результатом вираження "name"
Він пов'язує атрибут "роль" з результатом вираження "моя роль"
Він буде викликати метод зчитування тексту, коли спрацьовує подія клацання.
Він прив'язує властивість до інтерпольованого рядка

Привіт, моє ім'я))

Він пов'язує контекст з інтерпольованим рядком
Він встановлює двосторонній зв'язок.

…

* символ перетворює поточний елемент у вбудований темп.

Учень: ((студент?. Ім'я))

? Оператор навігації говорить, що поле для студентів необов'язково
Він пов'язує ширину властивості стилю, щоб виразити результат mysise.

Використовується для прив'язки даних та вираження прив'язки подій у шаблоні.

Номер автомобіля: ((VehicleNumber | myCarNuFormat))

Він перетворює поточне значення номера транспортного засобу через трубу mycarNuformat.
Це роз'єднує елемент від HTML-компонента
Це пов'язує наявність класу на виразі істини.

NgModules: - Різні директиви Ngmodule:

Директиви ОПИС
@NgModule ((декларації ..))Він визначає модуль, який містить директиви тощо.
декларації: (MyRedComponent, MyBlueComponent, MyDatePipe)Він розповість перелік компонентів, директив і труб, що належать до цього модуля.
експорт: (MyRedComponent, MyDatePipe)Він перелічить компоненти та труби, видимі для імпорту цього модуля
імпорт: (BrowserModule, SomeOtherModule)Він перелічить модулі для імпорту в цей модуль
провайдери: (MyService, (забезпечити:…))Він надає перелік постачальників ін'єкцій залежностей, видимих ​​як вмісту модуля
entryComponents: (SomeComponent, OtherComponent)Він надасть перелік компонентів, на які не посилається шаблон, доступний.

Існують інші директиви та елементи виявлення зміни компонентів та гачки життєвого циклу, які можна реалізувати, оскільки методи класу наведені нижче:

Директиви Опис
конструктор (myService: MyService, …) (…)Він використовується для введення залежностей.
ngOnChanges (changeRecord) (…)Він викликається після кожної зміни вхідних властивостей і перед обробкою вмісту або дочірніх переглядів
ngOnInit () (…)Він викликається після конструктора та ініціалізації властивостей
ngDoCheck () (…)Він називається кожен раз, коли перевіряються властивості компонента або директив. Він використовується для розширення для здійснення митної перевірки.
ngAfterContentInit () (…)Він викликається після ngOninit, коли вміст компонентів або директив ініціалізований.
ngAfterContentChecked () (…)Він викликається після кожної перевірки вмісту компонента чи директиви.
ngAfterViewInit () (…)Він викликається після ngaftercontentint, коли ініціалізована директива подання компонентів та дочірніх поглядів.
ngAfterViewChecked () (…)Він викликається після кожної перевірки представлень компонентів та дочірніх поглядів, що директива вже є.
ngOnDestroy () (…)Він викликається один раз, перш ніж знищити екземпляр.

Безкоштовні поради та підказки використання команд Angular 2 Cheat Sheet: -

  1. На шпаргалці Angular2, platformBrowserDynamic (). BootstrapModule (AppModule); допомагає завантажувати додаток, використовуючи компонент root can із зазначеного.
  2. У програмі Angular2 bootstrap: (MyAppComponent) відобразить список компонентів для завантаження під час завантаження цього модуля.
  3. це вбудовано в директиву angualr2 для видалення або відтворення частини дерева Dom на основі вираження.
  4. він перетворює елемент списку та його вміст у шаблон, і він використовується для миттєвого перегляду кожного елемента списку.
  5. "ConditionExpress sion"> ця директива використовується для вибору шаблонів на основі значення виразу або простих слів, таких як регістр перемикання в oops.
  6. , ці директиви дозволяють призначити стилі HTML-елемента за допомогою CSS, і цей CSS може бути безпосередньо доступний.
  7. ця директива пов'язує класи CSS для елемента з довіреними значеннями карти.
  8. ця директива забезпечує двосторонній прив'язку, синтаксичний аналіз та перевірку для контролю форм.
  9. selector: '.cool-button: not (a)' Це конфігурація директиви, яка визначає селектор CSS, який ідентифікує цю директиву в шаблоні. Він не підтримує батьківського добірника.
  10. постачальники: (MyService, (забезпечити:…)), він надає перелік постачальників ін'єкцій залежностей для директив та дітей.
  11. (забезпечити: MyService, useClass: MyMockService) він встановить або відмінить постачальника послуг для класу обслуговування.
  12. (забезпечити: Моє значення, використовувати значення: 4), він встановить або замінить значення постачальника на 4

Висновок - кутова 2 шпаргалка

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

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

Рекомендовані статті

Це був посібник для Angular 2 шпаргалки, тут ми обговорили зміст та команду, а також безкоштовні поради та підказки Angular 2 Cheat Sheet. Ви також можете переглянути наступну статтю, щоб дізнатися більше -

  1. Шпаргалка UNIX
  2. Чит-лист HTML
  3. Чит-лист CCNA
  4. Шпаргалка JQuery

Категорія:

Інструменти веб-розробки