Публикации по теме 'angular-material'


Angular Material Menu: вложенное меню с использованием динамических данных
Как создавать вложенные меню из динамических данных Меню материалов Angular — это плавающая панель, содержащая список параметров. В этом уроке мы узнаем, как создавать вложенные меню из динамических данных. Сначала мы изучим основы Angular Material Menu и как визуализировать вложенное меню с помощью статического HTML-шаблона. Тогда мы поймем, почему и какие изменения нужны для динамического рендеринга вложенных меню из данных. Меню угловых материалов <mat-menu> —..
Угловой материал - Часть 4: Таблица данных
Угловой материал - Часть 4: Таблица данных Это сообщение было впервые опубликовано на CodingTheSmartWay.com . Подпишитесь на YouTube Это четвертая часть серии Angular Material на CodingTheSmartWay.com. В этой части мы сосредоточимся на таблицах данных. Конечно, в этой части снова предполагается, что вы знакомы с библиотекой материалов Angular в целом и знаете, как настроить проект Angular и установить библиотеку материалов Angular в этом проекте. Если вы новичок в Angular..
Валидация угловой формы материала для начинающих
Если ваша форма Angular принимает любые входные данные под солнцем… ожидайте, что она взорвется вам в лицо. 💥💥💥 Мусор в. И… Мусор наружу. Вы когда-нибудь слышали, чтобы кто-нибудь так говорил? ☝️ Если вы создаете формы с помощью Angular, то проверка пользовательского ввода — один из лучших способов избежать опасностей. Если ваша форма Angular принимает любые входные данные… без проверки или даже с минимальной проверкой ввода… ожидайте, что она взорвется у вас перед носом. 💥💥💥..
Унифицированный макет диалогов Angular Material с настраиваемой модальной службой
Вы можете найти ссылку на рабочий пример в конце этой статьи. В статье я буду использовать термины «диалог» и «модальный» как синонимы. Может быть, у вас была возможность поработать над большим приложением, которое было модально тяжелым. Когда много функций реализовано в модальных окнах/диалогах, а команда больше и постоянно меняется, довольно сложно сохранить единый стиль модальных окон. Логичным и правильным подходом является создание общих компонентов для частей диалогов,..
Angular 6 Series: Часть 3 — Понимание структуры папок
Начало работы: Angular 6 с Angular Material и Google Firebase Серия: Введение в Angular 6 Создание приложения Angular 6 с angular-cli Понимание структуры папок (Вы здесь) Использование Angular Material и Angular Flex Layout с Angular 6 Угловой 6 с Firebase Приложения Angular являются модульными, а Angular имеет собственную систему модульности, называемую NgModules. Каждое приложение Angular имеет по крайней мере один класс NgModule, корневой модуль, который условно..
Как включить всплывающие подсказки для материалов Angular поверх отключенных кнопок
Всплывающие подсказки - это инициируемые пользователем сообщения, которые отображают текстовую метку, идентифицирующую элемент, например, описание его функции, или предоставляют дополнительную информацию о включенной в него функции. Раздел всплывающей подсказки Материальный дизайн Google включает: Во всплывающих подсказках отображается информативный текст, когда пользователи наводят курсор, сосредотачиваются на элементе или касаются его. Всплывающая подсказка отображается при..
Протестируйте свои компоненты с помощью жгутов компонентов Angular Material!
Как и зачем использовать компонентный жгут Angular Materials для написания надежных, стабильных и удобочитаемых тестов компонентов Одновременно с выпуском Angular 9 была выпущена новая версия библиотеки компонентов Material. Этот выпуск включает в себя абсолютную особенность - испытательные жгуты Angular Material. Тестирование в Angular Хорошие тесты - это основа любого приложения. Они гарантируют, что наше приложение работает так, как мы этого ожидаем. Более того, надежный набор..