Публикации по теме 'angular2'
Небольшой совет по тестированию Observables 👀
Тестируйте асинхронные наблюдаемые объекты, как если бы они были синхронными!
Если вы работали с Angular (2+), вы, должно быть, использовали Observables. Фактически, реализация Angular использует - RxJs плотно встроен в основы самого фреймворка для таких вещей, как Routing и Http.
Если вы хотите узнать больше о Observables и о том, как их использовать, вы можете обратиться к классному посту Джерарда Санса о RxJ ниже.
Angular - Введение в реактивные..
Тестирование угловых директив с помощью реальных / тестовых компонентов
Директивы Angular - важная конструкция в angular, позволяющая сделать DOM манипуляциями и / или обработкой событий абстрактными.
Мы должны использовать директивы Unit Test , имитируя все зависимости с помощью жасминовых моков и шпионов.
Мы также должны использовать директивы Shallow / Deep Test с использованием конкретных компонентов (скомпилированный DOM). Разумный подход - создать TestComponent или выбрать любой компонент, который использует директиву, которую мы хотим..
Создайте компонент «Показать/скрыть пароль» в Angular
Добавьте этот компонент отображения/скрытия пароля в свое приложение Angular за 3 простых шага.
Шаг 1 — Создайте компонент Angular
Создайте компонент Angular с помощью ContentChild IonInput. Добавьте метод переключения, который будет запускаться при нажатии на значок глаза. Этот метод будет переключаться между отображением текста пароля и точек. Определите логическую переменную showPassword.
import { Component, ContentChild } from '@angular/core';
import { IonInput } from..
Публикация пакетов Angular 2, совместимых с AoT
Компиляция с опережением времени в Angular 2 кажется причудливой, и Минко Гечев говорит об этом лучше всего в этом посте: Компиляция с опережением времени в Angular 2 .
Там могут быть отличные объяснения и примеры того, как настроить скомпилированное AoT веб-приложение (например, angular-cli ), но вряд ли есть контент о том, как сделать ваш новый блестящий или существующий яркий пакет совместимым с AoT.
Вкратце: если опубликованный пакет не содержит файлов .metadata.json , они..
Новые функции Angular 7 и обновление с 6 до 7 за 2 минуты
Версия 7 Angular была выпущена 19 месяца. В версии 7 появилось несколько новых функций и интересных изменений в инструментах.
Angular 7 Новые возможности
Angular 7 Зависимость Обновлен Typescript 2.x до 3.x, RxJS 6.1.x до 6.3.x и узел 8 до узла 10.
Angular CLI поддерживает маршрутизацию и языки таблиц стилей
Angular 7 автоматически удаляет отражающие метаданные polyfill из вашего файла polyfills.ts, так как он предназначен только для разработки, а не для производства.
Angular..
Webpack - способ создания приложения на Angular
За последние пару месяцев мы увидели разные способы создания приложений angular 2. Первоначально, во времена ng 1.x, от gulp до systemjs и ng2 с широко обсуждаемым angular-cli и webpack, мы все пробовали, плакали и довольствовались нашим любимым сборщиком модулей.
Я не собираюсь возвращаться к тому же старому обсуждению того, как наше веб-сообщество превратилось в модульное и насколько мы все используем ES2015, amd, commonjs, бла-бла-бла. Мы все поняли и осознали важность создания..
Angular-cli и глобальные переменные SASS
Если вы работали с таким инструментом, как SASS, у вас, вероятно, был глобальный файл со всеми вашими переменными, такими как цвета, шрифты и т. Д.
Например:
$main-color: green;
$second-color: yellow;
Теперь разница при работе с angular-cli и webpack заключается в том, что у вас нет доступа к переменным глобально.
Давайте создадим variables.scss в нашем src каталоге:
$header-color: green;
Теперь попробуем использовать variable в нашем компоненте.
//..