Въведение в Angular 2 Cheat Sheet
Angular 2 е рамка с отворен код, която е изградена над JavaScript. Използва се главно за разработване на уеб приложения. Той е наследник на AngularJS. Тя е написана на TypeScript. Той е разработен от Google. Angular 2 е изграден на модерен JavaScript, който използва ES6. Angular 2 има по-добри възможности за обработка на събития, мощни шаблони, по-добра поддръжка за мобилни устройства и настолни уеб приложения. Освен това е съвместим с мобилни устройства и във всички платформи като Windows, Mac и Linux.
Angular 2 има ключови характеристики за разработване на приложения, които са компоненти, машинопис и услуги. Angular 2 има различни компоненти, които са модули, компоненти, шаблони, метаданни и услуга. Компонентите помагат за изграждането на приложение в много модули и което помага за поддържането на приложението за по-дълго време. Различният набор от кодове е поддържан и използван от различни модули на приложение, които се грижат от сервизната функция. Модулите помагат за разбиване на приложението в логическо парче, което е кодирано за изпълнение на определена задача.
Команди и съдържание на Angular 2 Cheat Sheet
Angular 2 мамян лист има обширна библиотека, мащабируема, разширяема, интерактивна и съдържа много в вградени методи за изчисляване на общи операции. Има различни синтаксиси за шаблони, NgModules, вградени директиви, формуляри и други конфигурации, както е показано по-долу:
| Синтаксис на шаблона | ОПИСАНИЕ |
| Той обвързва свойството „value“ с резултата от израза „name“ | |
| Той обвързва атрибута „роля“ с резултата на израз „моята роля“ | |
| Той ще извика метода за четене Text, когато се задейства събитие за щракване. | |
| Той свързва свойството към интерполиран низ | |
|
Здравей мое име)) | Той обвързва контекста с интерполиран низ |
| Той задава двустранното обвързване. | |
|
… | * символ превръща текущия елемент във вградена темп. |
|
Студент: ((студент?. Име)) | ? е навигационният оператор казва, че полето за ученик не е задължително |
| Той обвързва ширината на свойствата на стила, за да изрази резултата mysize. | |
| Използва се за свързване на данни и израз на свързване на събитията в шаблона. | |
|
Кола №: ((превозно средствоNumber | 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 команди: -
- В Angular2 мамят лист, platformBrowserDynamic (). BootstrapModule (AppModule); помага при зареждане на приложението, като се използва компонентът root can от посоченото.
- В Angular2 bootstrap: (MyAppComponent) ще изброява компонентите, които да се стартира, когато този модул се зарежда.
- това е вградено в директива в angualr2 за премахване или пресъздаване на част от Dom дърво въз основа на експресията.
- той превръща елемента на списъка и неговото съдържание в шаблон и се използва за създаване на изглед за всеки елемент от списъка.
- "ConditionExpres sion"> настоящата директива се използва за избор на шаблони въз основа на стойността на израза или с прости думи като превключвател в oops.
- , тези директиви ви позволяват да присвоите стилове на HTML елемент с помощта на CSS и този CSS може да бъде директно достъпен.
- тази директива обвързва CSS класовете на елемента с надеждни стойности на картата.
- настоящата директива осигурява двупосочното обвързване, анализиране и утвърждаване на контрола на формуляра.
- селектор: '.cool-бутон: не (а)' това е конфигурация на директивата, която определя CSS селектора, който идентифицира тази директива в шаблон. Не поддържа селектор за родители на деца.
- доставчици: (MyService, (предостави:…)) той предоставя списъка на доставчиците на инжектиране на зависимости за директиви и деца.
- (предоставете: MyService, useClass: MyMockService), той ще зададе или отмени доставчика за обслужване на клас.
- (предоставете: Моята стойност, използвайте стойност: 4) тя ще зададе или отмени стойността на доставчика на 4
Заключение - Ъглов 2 мамян лист
Angular 2 cheat sheet има много функции и различни директиви, модули са достъпни за разработване, което помага да се направи приложението по-интерактивно за потребителите и разработчиците за проследяване на проблеми и функционалност. Той е обширен и използваем многократно за други приложения. Angular2 използва машинопис, който е напълно различен от по-ранната версия на AngularJS.
Ъгловият лист за мами 2 е по-лесен за научаване, тъй като кривата му на обучение е проста и права за начинаещи, така и за ученици. Познаването на JavaScript би било предимство при използване на ъглова за разработка. Винаги е добре да се прекръстим.
Препоръчителни статии
Това е ръководство за Angular 2 Cheat sheet, тук сме обсъдили съдържанието и командата, както и безплатни съвети и трикове на Angular 2 Cheat Sheet. Можете също да разгледате следната статия, за да научите повече -
- Чит лист на UNIX
- Cheat Sheet HTML
- Чит лист CCNA
- Чит лист JQuery