Публикации по теме 'angular-4'
Тестирование угловых директив с помощью реальных / тестовых компонентов
Директивы 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..
Различия между угловым 1, угловым 2 и угловым 4 (обновлено в 2018 г.)
Angular — это фреймворк следующего поколения, в котором каждый инструмент был разработан для взаимосвязанной работы с любым другим инструментом. Когда было объявлено об Angular 2, команда Angular также решила использовать «семантическое управление версиями» для дальнейших версий, сделав связь между различными версиями с точки зрения ее адаптивности и уникальных характеристик видимой с первого взгляда.
Команда Angular все еще создает дорожную карту на ближайшие шесть месяцев. По словам..
Невозможно прочитать свойство X of undefined: объявление дополнительных значений в ngModel для ленивых людей
Невозможно прочитать свойство «x» из неопределенного.
Сценарий : вы пытаетесь привязать какое-то значение к входу, и этот вход содержит некоторый канал, который может преобразовать полученное значение в верхний регистр.
Проблема.
Решение 1 : вы можете либо проверить, существует ли существующее значение в самом канале, но это не сработает, например, в нашем конкретном случае, поскольку верхний регистр - угловой канал, и вам нужно будет удлинить канал. в вашем классе, чтобы..
Angular 7 CRUD - Часть 7 - Обновление существующего продукта
В этой статье мы обновим информацию о существующем продукте. Здесь мы используем реактивные формы и HttpClient для обновления сведений о продукте.
Файл класса компонентов, подобный этому
import { Component, OnInit } from '@angular/core';
import {Router, ActivatedRoute} from "@angular/router";
import {CrudService} from "../../services/crud.service";
import {FormBuilder, FormGroup, Validators} from "@angular/forms";
@Component({
selector:..
ПРИВЯЗКА ДАННЫХ В ANGULAR
Этот блог в первую очередь посвящен тому, что такое привязка данных и ее типам: –
Интерполяция строк Привязка свойств Привязка событий Двусторонняя привязка данных
Привязка данных — одна из самых мощных и важных функций языка разработки программного обеспечения. Это позволяет нам определить связь между компонентом и представлением. Таким образом, мы можем сказать, что привязка данных передается от компонента к представлению и от представления к компоненту.
1:..
Создание приложения Angular 4.x ToDo для начинающих
Сегодня я создам небольшое веб-приложение списка дел с Angular 4.x с самого начала.
Создание проекта Angular
В качестве первого шага мы создадим новый проект Angular 4.x. Как видно из веб-сайта Angular, вы должны предоставить следующие требования, чтобы продолжить:
Убедитесь, что вы используете хотя бы узел 6.9.x и npm 3.x.x , запустив node -v и npm -v в окне терминала/консоли. Старые версии выдают ошибки, но новые версии в порядке.
Если вы выполните приведенные..
