Публикации по теме 'directives'
Создание директивы верхнего регистра в Angular: улучшение пользовательского ввода
Изучите создание директивы верхнего регистра, которая автоматически преобразует вводимые пользователем данные в верхний регистр, и узнайте, как реализовать эту директиву.
В Angular директивы играют решающую роль в расширении функциональности HTML-элементов. Они позволяют нам управлять поведением и внешним видом элементов на основе пользовательской логики. В этой статье мы рассмотрим создание директивы верхнего регистра, которая автоматически преобразует ввод пользователя в верхний..
Структурная директива Angular ngIf.
В angular для скрытия и отображения элементов HTML мы можем использовать структурную директиву ngIf.
Сценарий
Давайте рассмотрим одну кнопку и метку с абзацем в HTML.
Случай 1 : по умолчанию мы должны отображать метку абзаца и кнопку с меткой «Скрыть» .
Случай 2 : когда пользователь нажимает кнопку « Скрыть» , нам нужно скрыть абзац, а кнопка «S как» должна отображаются , скрывая кнопку « Скрыть».
Случай 3 . Теперь, когда пользователь нажимает кнопку «..
Создайте пользовательскую директиву для проверки реактивной угловой формы
Измените внешний вид или поведение элементов DOM и компонентов Angular с помощью директив атрибутов. Здесь мы научимся создавать пользовательские директивы.
мы можем создать пользовательскую директиву для проверки поля ввода. и преимущество пользовательской директивы заключается в том, что мы создаем и используем эту директиву внутри любого компонента или модуля для проверки формы с использованием отдельных ключевых слов в элементах DOM.
В этом разделе также рассказывается, как..
Основы AngularJS: службы и директивы
Всем привет. Я вернулся со вторым днем моего 100-дневного испытания кода. Сегодня мы узнаем о сервисах и директивах!
Что такое услуги?
Сервисы — это функции JavaScript, которые помогают нам выполнить задачу. Например, если у вас есть приложение, которому необходимо отправлять уведомления клиенту, у вас будет NotificationService. Сервисы можно использовать повторно, и это часть того, почему Angular так хорош. Мы можем просто продолжать повторно использовать наши услуги, чтобы..
Альтернатива: псевдоэлементу focus-visible с использованием Angular 7
Доступность клавиатуры имеет большое значение для веб-сайтов и веб-приложений. Распространенным узким местом для интерфейсных разработчиков иногда является оптимизированная реализация доступности с клавиатуры.
Многие пользователи с ограниченными двигательными возможностями полагаются на клавиатуру. Слепые пользователи также обычно используют клавиатуру для навигации. У некоторых людей бывает тремор, который не позволяет контролировать мышцы.
Обычно пользователь может выбрать ссылку с..
Сокращение шаблона#Угловая структурная директива visibleFor*
В этой статье показано, как использовать структурные директивы в Angular для предоставления простого декларативного механизма условного отображения контента.
Предположим, у нас есть проект с ролями «АДМИН», «РАЗРАБОТЧИК», «ПОЛЬЗОВАТЕЛЬ», и мы хотим скрыть части представления для определенных ролей.
Изначально нам нужно было
В каждом представлении добавьте директивы *ngIf с проверкой роли пользователя Внедрить сервис в компонент, чтобы предоставить роль пользователя Предоставление..
Тестирование связанных директив в Angular 1.3+ с помощью Karma и Jasmine, часть 2
Тестирование связанных директив в Angular 1.3+ с помощью Karma и Jasmine, часть 1 В версии 1.3 Angular добавил удобное свойство для директив, называемое bindToController. Это решило большую часть… medium.com
В моем последнем блоге мы рассмотрели основы настройки интеграционного тестирования для директивы Angular, которая использует свойство bindToController . Как вы помните, мы начали с простой директивы:
и заканчивался следующим..