Angular 6 un tā jaunās iespējas - paskaidrots trīs minūtēs

Angular ir nācis klajā ar dažām pārsteidzošām jaunām funkcijām 6.0.0 versijā, it īpaši Angular-cli. Tagad, izmantojot Angular 6, jūs varat viegli atjaunināt vecās paketes, izveidot vietējos tīmekļa elementus, izmantojot Angular Elements, un daudzas citas lietas. Apskatīsim!

pievienojiet

ng addir jauna komanda Angular-cli, kas palīdz instalēt un lejupielādēt jaunas paketes jūsu leņķiskajās lietotnēs. Tas darbojas tāpat kā npm, bet tas to neaizstāj.

atjauninājums

ng updateir arī jauna Angular-cli komanda. To izmanto, lai atjauninātu un uzlabotu jūsu paketes. Tas ir patiešām noderīgi, piemēram, ja vēlaties jaunināt no Angular 5 uz Angular 6 vai jebkuru citu pakotni savā Angular lietotnē.

Pakalpojumu sniedzēju deklarēšana pašā pakalpojumā

Pirms šī atjauninājuma jums bija jāpaziņo pakalpojumu sniedzējiem app.module.ts

Tagad, izmantojot Angular 6, jūs varat nodrošināt savu pakalpojumu paša uzraudzītāja iekšienē, ievietojot providedIn:rootīpašumu " @injectable" dekoratorā".

Veidnes direktīvas vietā izmantojiet ng-template

Varat izmantot ng-templateHTML renderēšanai templatetaga vietā jaunajā Angular versijā. ng-templateir leņķa elements, un tas darbojas, ja to lieto ar tādu strukturālu direktīvu kā *ngForun*ngIf

Leņķiskie elementi

Leņķa 6 iepazīstināja mūs ar leņķa elementiem. Jūs varat padarīt savus leņķiskos elementus kā vietējos tīmekļa elementus, un tos interpretē kā uzticamus HTML elementus.

Leņķiskos elementus varat pievienot, palaižot zemāk esošo komandu:

Importējiet createCustomElementsavā komponentā.

Pēc tam izveidojiet savu pielāgoto elementu!

MyElemComponent.ts

Rezultāts:

Piezīme. Lai pielāgoto elementu padarītu par uzticamu HTML tagu, jums jāievieš DomSanitizermetode no @angular/platform-browser.

Jūs varat uzzināt vairāk par leņķa elementiem šeit

Jaunināšana uz RxJS 6.0.0

Angular 6 izmanto Rxjs bibliotēkas jaunāko versiju. Tagad jūs varat izbaudīt RxJS 6 jaunākās iespējas savā Angular lietotnē :)

Iesaiņošana

Pašam Angular nav daudz revolucionāru izmaiņu Angular core, bet Angular-cli ir patiešām aizraujoši. Angular komanda vairāk koncentrējas uz veiktspēju, viegli izveidojot PWA, nodrošinot labu darba vidi, kurā ērti strādāt ar Angular.

Jūs varat mani atrast čivināt.

Starp citu, es nesen strādāju ar spēcīgu programmatūras inženieru grupu vienā no savām mobilajām lietojumprogrammām. Organizācija bija lieliska, un produkts tika piegādāts ļoti ātri, daudz ātrāk nekā citi uzņēmumi un ārštata darbinieki, ar kuriem esmu strādājis, un es domāju, ka varu viņus godīgi ieteikt citiem projektiem. Uzņemiet man e-pastu, ja vēlaties sazināties - [email protected]