Публикации по теме 'angular-material'
Создайте форму материала Angular, используя модель данных
В этом уроке мы перейдем от модели данных Stackjoy к форме Angular Material за пару шагов. Для этого примера мы будем использовать модель данных, которая поставляется с генераторами, но вы всегда можете создать свою собственную модель данных и, в свою очередь, быстро создать свои собственные формы.
Мы пойдем от модели данных:
в форму Angular Material:
Весь процесс описан в этой гифке
Давай начнем…
Если вы не установили stackjoy, вы можете сделать это с помощью..
[Angular Material: DatePicker] Установить пользовательскую дату в формате (ДД-ММ-ГГГГ)
При работе с компонентом DatePicker Angular Material 8 мне не удалось установить дату в определенном формате. Проведя 2 часа исследований, я достиг цели, читая несколько статей. Позже подумал, почему бы мне не облегчить задачу другим, которые могут попасть в такую же ситуацию.
Итак, я вернулся к еще одной волшебной вещи, решающей проблемы. Здесь я использовал подход, основанный на шаблонах, для создания форм.
КОД HTML
<mat-form-field>
<input matInput placeholder=”Select..
Настройте компоненты Angular Grid с помощью материального пользовательского интерфейса
Реализация пользовательских компонентов ag-Grid в Angular с использованием материала Angular
Angular Grid - это компонент сетки данных от ag-Grid. Это помогает в создании надежного и масштабируемого приложения Angular Enterprise, которое включает в себя большой объем данных, отображаемых в таблице. Помимо табличного представления, ag-Grid предоставляет различные способы интеграции диаграмм в вашу таблицу, которые могут быть предварительно определены или динамически созданы из..
Первые шаги с Angular 7 с angular-cli и Angular Material
Обновление 2019 г. - 24 июля: процесс не изменился по сравнению с Angular 7, но я обновил изображения и ссылки.
Если вы хотите проверить процесс для Angular 6, посмотрите мою предыдущую статью: «https://medium.com/@ismapro/first-steps-with-angular-cli-and-angular-material-5a90406e9a4 физ
Angular прошел долгий путь со времен версии 2, и теперь с большим количеством библиотек и инструментов, помогающих в разработке, стало еще проще начать разработку приложений с его помощью. В этом..
Создайте форму нумерации страниц с помощью Angular-Part 1
В части 1 я покажу вам, как быстро создать многостраничную форму Angular с помощью пагинатора материала Angular.
Мое требование - быстро создать разбиение на страницы в форме, и я хотел использовать шаблон Angular для настройки полей формы. В следующей статье я создам компонент, который может обрабатывать разбиение на страницы. По сути, я скрываю поля формы по номеру страницы. Имея четыре элемента на странице, этот компонент отображает первые четыре поля и скрывает другие поля формы,..
Как легко создавать сообщения об ошибках и успехах с помощью Angular Material
Если вы создаете прототип веб-приложения и хотите иметь чистый компонент пользовательского интерфейса для обмена сообщениями об успехах и ошибках с вашим пользователем, то модуль Snack Bar Angular Material для вас. В этом уроке я покажу вам, как его использовать.
1. Установите угловой материал
Прежде чем вы сможете использовать модуль Snackbar Angular Material в своем проекте Angular, вы должны сначала установить пакет. Для этого выполните в терминале следующую команду:
ng add..
Работа с Custom DateAdapter для Angular Material 2 DatePicker.
Это мой первый пост в блоге на Medium, а также впервые я пишу что-либо, связанное с Angular Material . Проект Material 2 был переписан и находится в постоянной разработке (фаза бета-тестирования). Команда Material проделала большую работу по выпуску новых компонентов, исправлению проблем и облегчению жизни разработчиков Angular :).
Возвращаясь к теме моего блога: Custom DateAdapter . Недавно в моем проекте у меня был сценарий, в котором я должен был предоставить настраиваемый формат..
