Публикации по теме 'angular2'
Переход на Ангуляр 2
В то время как Angular 1.x по-прежнему широко используется, Angular 2 недавно приблизился к своей RC-версии (и, надеюсь, достаточно скоро, к стабильной версии) и уже внедряется различными компаниями.
Это означает, что почти пришло время попрощаться с Angular 1.x.
Хотя переход между двумя версиями не является полной сменой парадигмы, поскольку он переходил от jQuery к Angular, по-прежнему может быть сложно понять новейшие концепции.
Хорошая новость заключается в том, что Angular 2..
Взаимодействие пользовательских элементов с Angular
ПРИМЕЧАНИЕ. Эта статья и примеры были обновлены для использования настраиваемых элементов v1. Чтобы увидеть различия между v0 и v1, ознакомьтесь с этим ридми .
Сообщество веб-разработчиков движется молниеносно, это часто означает перенос вашего проекта на новейший фреймворк каждые пару лет. Это может означать перенос директив Angular 1 в компоненты React и, возможно, теперь компоненты React в компоненты Angular. Я не знаю о большинстве из вас, но я устал переписывать настраиваемые..
Заставить вкладки мигать в угловом режиме
Один из классных способов дать пользователям ненавязчивые уведомления, когда они не сосредоточены на вкладке вашего приложения, - заставить эту вкладку мигать. Для этого вам нужно переключить заголовок документа на новый заголовок, а затем перевернуть его назад N раз для получения эффекта.
Мы можем использовать встроенную службу заголовков в модуле браузера Angular, остальное - всего лишь простой код тайм-аута ...
Это так просто и приятно для ваших пользователей!
Надеюсь, вам..
Real World Angular - Часть 6.1: Обновление до 4.0.0-rc.2
Обновление нашего приложения до Angular 4 Release Candidate 2 (RC 2). Мы немного отклонимся от нашей серии статей, чтобы обновить наш проект до последних версий.
Это восьмая часть нашей серии статей об Angular в реальном мире. Для других частей см. Ссылки внизу этого сообщения или перейдите на https://blog.realworldfullstack.io/ . Приложение все еще находится в разработке. Зацените @ https://bitwiser.io .
К настоящему времени все (следующие за Angular) знают, что следующей..
Новый метод получения метаданных о компонентах Angular
В Angular v14.1.0 была добавлена новая функция с именем reflectComponentType() , которая возвращает следующее metadata из компонента:
Эта функция имеет несколько необычных применений. Его можно использовать для создания инструментов отладки или, например, мы можем использовать метаданные selector для создания пользовательских элементов на основе существующих компонентов:
Мы можем использовать его для создания динамических компонентов на основе файла JSON. Следующий..
Как профилировать производительность приложения Angular во время выполнения
Проблемы с производительностью усугубляются. 😠
Так же отягчающе, как оказаться втиснутым в кресло самолета с битым стеклом в нижнем белье.
И тем более, когда вы не знаете, что их вызывает.
…
Так как же профилировать приложение Angular и выяснить, что вызывает низкую производительность во время выполнения?
С чего вообще начать?
И как только вы обнаружите проблему с производительностью, как вы ее исправите?
Я написал громадную статью о том, как исправить проблемы с..
Добавление Firebase в проект Angular с помощью AngularFire.
Настройка конфигурации Firebase в проектах Ionic / Angular.
Прежде всего, нам нужно будет создать проект Firebase. Мы уже сделали это, когда развернули наше приложение PWA на firebase . Следуйте шагу 4 в ссылке для создания проекта Firebase .
# Далее, чтобы установить зависимости, для этого в корневом каталоге нашего проекта выполните эту команду:
sudo npm install firebase @angular/fire --save
(введите sudo , чтобы выполнить эту команду от имени администратора - для..