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

доп

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

обновление ng

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

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

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

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

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

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

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

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

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

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

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

MyElemComponent.ts

Результат:

Примечание: вы должны реализовать 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.