Угловой материал - виджеты

В md-button, угловая директива, является директивой кнопки, имеющей дополнительную рябь чернил (и по умолчанию включена). Еслиhref или ng-href предоставляется атрибут, тогда эта директива действует как элемент привязки.

В md-checkbox, угловая директива, используется в качестве флажка.

В md-content, угловая директива, является элементом контейнера и используется для прокручиваемого содержимого. Вlayout-padding Атрибут может быть добавлен для добавления содержимого.

В md-datepicker, угловая директива, представляет собой элемент управления вводом для выбора даты. Он также поддерживает ngMessages для проверки ввода.

В md-dialog, угловая директива, является контейнерным элементом и используется для отображения диалогового окна. Его элементmd-dialog-content содержит содержимое диалогового окна и md-dialog-actions отвечает за действия диалога.

В mdDialog, служба Angular, открывает диалоговое окно над приложением, чтобы держать пользователей в курсе и помогать им принимать решения.

В md-divider, угловая директива, является элементом правила и используется для отображения тонкого упрощенного правила для группировки и разделения содержимого в списках и макетах страниц.

В md-list, директива Angular, представляет собой компонент контейнера, который содержит md-list-itemэлементы как дети. Директива md-list-item - это компонент-контейнер для строковых элементов контейнера md-list. CSS классыmd-2-line а также md-3-line можно добавить в md-list-item, чтобы увеличить высоту строки на 22 и 40 пикселей соответственно.

В md-menu, директива Angular, представляет собой компонент для отображения дополнительных параметров в контексте выполняемого действия. Вmd-menuимеет два дочерних элемента. Первый элемент - этоtrigger elementи используется для открытия меню. Второй элемент - этоmd-menu-contentдля представления содержимого меню при его открытии. Md-menu-content обычно переносит пункты меню как md-menu-item.

В md-menu-bar, является контейнерным компонентом для хранения нескольких меню. Строка меню помогает создать эффект меню, предоставляемый операционной системой.

В md-progress-circular а также md-progress-linear являются директивами выполнения Angular и используются для отображения сообщения о загрузке содержимого в приложении.

В md-radio-group а также md-radio-buttonДирективы Angular используются для отображения переключателей в приложении. Md-radio-group - это группирующий контейнер для элементов md-radio-button.

В md-select, директивы Angular используются для отображения окна выбора, ограниченного ng-моделью.

В md-fab-toolbar, директива Angular, используется для отображения панели инструментов с элементами или кнопками для быстрого доступа к общим действиям.

В md-slider, директивы Angular используются для отображения компонента диапазона. У него есть два режима -

• normal- Пользователь может перемещаться между широким диапазоном значений. По умолчанию.

• discrete- Пользователь может перемещаться между выбранными значениями. Для включения дискретного режима используйте атрибуты md-discte и step.

В md-tabs а также md-tabДирективы Angular используются для отображения вкладок в приложении. md-tabs - это контейнер для группировки элементов md-tab.

В md-toolbar, директивы Angular используются для отображения панели инструментов, которая обычно является областью над содержимым для отображения заголовка и соответствующих кнопок.

Angular Material предоставляет различные специальные методы для отображения ненавязчивых всплывающих подсказок для пользователей. Angular Material предоставляет способы назначать для них направления, а директива md-tooltip используется для отображения всплывающих подсказок. Всплывающая подсказка активируется всякий раз, когда пользователь фокусируется, наводит курсор на родительский компонент или касается его.

В md-chips, угловая директива, используется как специальный компонент, называемый Chip, и может использоваться для представления небольшого набора информации, например, контакта, тегов и т. д. Пользовательский шаблон может использоваться для визуализации содержимого микросхемы. Этого можно достичь, указав элемент md-chip-template, имеющий настраиваемый контент, в качестве дочернего элемента md-chip.

В md-contact-chips, угловая директива, представляет собой элемент управления вводом, построенный на md-chip и использующий md-autocompleteэлемент. Компонент контактной микросхемы принимает выражение запроса, которое возвращает список возможных контактов. Пользователь может выбрать один из них и добавить его в список доступных фишек.