Angular 6 и его новые функции – объяснение за три минуты

1656618732 angular 6 i ego novye funkczii – obyasnenie za tri

Angular получился с некоторыми удивительными новыми функциями в версии 6.0.0, особенно в Angular-cli. Теперь с Angular 6 вы можете легко обновлять свои старые пакеты, создавать собственные веб-элементы с помощью Angular Elements и многое другое. Давайте посмотрим!

доп

1*u8BWLIWdkabEzp0QSmMUgg

ng add это новая команда в Angular-cli, которая помогает вам устанавливать и загружать новые пакеты в ваши программы angular. Он работает так же, как npm, но не заменяет его.

обновление ng

1*mxQPMNmblN_8t_ky1r5G8w

ng update это тоже новая команда Angular-cli. Он используется для обновления и обновления пакетов. Это действительно полезно, например, когда вы хотите обновить Angular 5 до Angular 6 или любой другой пакет в вашем приложении Angular.

Объявления провайдеров внутри самого сервиса

Перед этим обновлением вы должны были объявить массив поставщиков app.module.ts

Теперь с Angular 6 вы можете предоставлять свои услуги внутри самого супервизора, вставив providedIn:root имущество в пределах «@injectable" декоратор.

1*3Huej4et-8LIfrAEhzY3pQ

Используйте ng-template вместо директивы template

Вы можете использовать ng-template чтобы отобразить HTML вместо template тег в новой версии Angular. ng-template является элементом Angular, и он работает, когда он используется со структурной директивой, например *ngFor и *ngIf

1*6RjvjuP6weX0bPrYBbjQ8Q

Угловые элементы

Angular 6 познакомил нас с элементами Angular. Вы можете отображать элементы Angular как собственные веб-элементы, и они интерпретируются как надежные элементы HTML.

Вы можете добавить элементы Angular, выполнив команду ниже:

1*u8BWLIWdkabEzp0QSmMUgg

Импорт createCustomElement в вашем компоненте.

1*YP2ej1AXVAO9GURmbGnFcQ

Тогда создайте свой личный элемент!

1*F1WAYYCRzJSyfr8PSWsMRg

MyElemComponent.ts

1*S4Ib01DNgO67jh_-habKmQ

Результат:

1*lgl-OcKiFKVLF7A9KdrImA

Примечание: вы должны реализовать DomSanitizer метод от @angular/platform-browser чтобы сделать ваш пользовательский элемент надежным HTML-тегом.

Вы можете узнать больше об элементах Angular здесь

Обновление до RxJS 6.0.0

Angular 6 использует последнюю версию Rxjs библиотеки. Теперь вы можете наслаждаться новейшими функциями RxJS 6 в своей программе Angular:)

Подведению

Сам по себе Angular не имеет много новаторских изменений в ядре Angular, но Angular-cli действительно увлекательный. Команда Angular больше сосредотачивается на производительности, легко создавая PWA, обеспечивая хорошую среду для работы с Angular.

Вы можете найти меня в Twitter.

Кстати, недавно я работал с сильной группой инженеров-программистов над одним из моих мобильных приложений. Организация была превосходной, и продукт был доставлен очень быстро, гораздо быстрее, чем другие фирмы и фрилансеры, с которыми я работал, и я думаю, что я могу честно рекомендовать их для других проектов. Отправьте мне электронное письмо, если хотите связаться — said@devsdata.com.

Добавить комментарий

Ваш адрес email не будет опубликован.