Использование классов Angular Material вне угловых страниц - PullRequest
Новая
       21

Использование классов Angular Material вне угловых страниц

0 голосов
/ 30 января 2019

Мы перестраиваем наше веб-приложение и решили использовать Angular в качестве основы веб-интерфейса и Google Material в качестве основной концепции стиля, поскольку оно простое и популярное.

Большинство наших страниц будут частью приложения Angular, а некоторые - нет.Мы хотим использовать одни и те же классы / стили и темы на любой странице нашего приложения и избегать дублирования кода.

Основной вопрос: как использовать классы Material Design из набора инструментов Angular Material на страницах без Angular?Мы не нашли полной документации по Angular Material CSS, чтобы просто прикрепить ссылку CSS с библиотекой и нашей темой к «статической» странице.

Спасибо!

1 Ответ

0 голосов
/ 31 января 2019

Нет документации по

Использование классов Angular Material за пределами страниц Angular

, поскольку Angular Material не предназначен для использования / использования в качестве стиля / сценария 'Инструментарий'.Это библиотека компонентов для платформы приложения Angular.Это реализуется с помощью пользовательских компонентов, директив и т. Д., А не путем применения классов к стандартному HTML.

Например, поле формы Угловой материал не создается с помощью: 

<div class="mat-form-field">...</div>

оно создается с помощью: 

<mat-form-field>...</mat-form-field>

, которое, конечно, не будет работать за пределамиAngular.

При этом стиль - это стиль, CSS - это CSS, и его можно применять ко всему, пока он импортируется на страницу.Так что <div class="mat-form-field">...</div>, вероятно, что-то сделает, но маловероятно, что он сделает то, что вы, возможно, захотите - результаты будут сильно различаться.Суть в том, что class="mat-form-field" не предназначен для работы, кроме тех, которые производятся с использованием <mat-form-field>.То же самое относится ко всей остальной библиотеке (может быть несколько исключений из этого для определенных функций с определенными компонентами - не уверен - но документация по компоненту заметит это).

Официальное документирование того, как что-то сделать, требует, чтобыэто должно быть разработано и поддержано для этого использования.Здесь, очевидно, дело обстоит иначе, поэтому официальной документации нет.

Исключением из этого являются типографские классы Angular Material, которые можно использовать как классы для обычного HTML, и, соответственно, документально .

...