Matériau angulaire - Widgets

le md-button, une directive angulaire, est une directive de bouton ayant des ondulations d'encre facultatives (et sont activées par défaut). Sihref ou ng-href attribut est fourni, alors cette directive agit comme un élément d'ancrage.

le md-checkbox, une directive angulaire, est utilisée comme contrôle de case à cocher.

le md-content, une directive angulaire, est un élément de conteneur et est utilisé pour le contenu défilable. lelayout-padding l'attribut peut être ajouté pour avoir un contenu complété.

le md-datepicker, une directive angulaire, est un contrôle d'entrée pour sélectionner une date. Il prend également en charge ngMessages pour la validation des entrées.

le md-dialog, une directive angulaire, est un élément conteneur et est utilisé pour afficher une boîte de dialogue. Son élémentmd-dialog-content contient le contenu de la boîte de dialogue et le md-dialog-actions est responsable des actions de dialogue.

le mdDialog, un service angulaire, ouvre une boîte de dialogue sur l'application pour tenir les utilisateurs informés et les aider à prendre des décisions.

le md-divider, une directive angulaire, est un élément de règle et est utilisé pour afficher une règle fine et légère pour regrouper et diviser le contenu dans des listes et des mises en page.

le md-list, une directive angulaire, est un composant conteneur qui contient md-list-iteméléments en tant qu'enfants. La directive md-list-item est un composant de conteneur pour les éléments de ligne du conteneur md-list. Classes CSSmd-2-line et md-3-line peut être ajouté à md-list-item pour augmenter la hauteur de la ligne avec respectivement 22px et 40px.

le md-menu, une directive angulaire, est un composant permettant d'afficher des options d'ajout dans le contexte de l'action effectuée. lemd-menua deux éléments enfants. Le premier élément est letrigger elementet est utilisé pour ouvrir le menu. Le deuxième élément est lemd-menu-contentpour représenter le contenu du menu lorsque le menu est ouvert. Le md-menu-content porte généralement les éléments de menu sous la forme md-menu-item.

le md-menu-bar, est un composant conteneur destiné à contenir plusieurs menus. La barre de menus permet de créer un effet de menu fourni par le système d'exploitation.

le md-progress-circular et md-progress-linear sont des directives de progression angulaire et sont utilisées pour afficher le message de chargement du contenu dans l'application.

le md-radio-group et md-radio-buttonLes directives angulaires sont utilisées pour afficher les boutons radio dans l'application. Le md-radio-group est le conteneur de regroupement des éléments md-radio-button.

le md-select, une directive angulaire est utilisée pour afficher la boîte de sélection, délimitée par ng-model.

le md-fab-toolbar, une directive angulaire, est utilisée pour afficher une barre d'outils d'éléments ou de boutons pour un accès rapide aux actions courantes.

le md-slider, une directive angulaire est utilisée pour afficher un composant de plage. Il a deux modes -

• normal- L'utilisateur peut glisser entre une large gamme de valeurs. Défaut.

• discrete- L'utilisateur peut glisser entre les valeurs sélectionnées. Pour activer le mode discret, utilisez les attributs md-discrete et step.

le md-tabs et md-tabLes directives angulaires sont utilisées pour afficher les onglets dans l'application. md-tabs est le conteneur de regroupement des éléments md-tab.

le md-toolbar, une directive angulaire est utilisée pour afficher une barre d'outils qui est normalement une zone au-dessus du contenu pour afficher le titre et les boutons appropriés.

Le matériau angulaire fournit diverses méthodes spéciales pour afficher des infobulles discrètes aux utilisateurs. Le matériau angulaire fournit des moyens de leur attribuer des directions et la directive md-tooltip est utilisée pour afficher les info-bulles. Une info-bulle s'active chaque fois que l'utilisateur se concentre, survole ou touche le composant parent.

le md-chips, une directive angulaire, est utilisé comme un composant spécial appelé puce et peut être utilisé pour représenter un petit ensemble d'informations, par exemple, un contact, des balises, etc. Un modèle personnalisé peut être utilisé pour rendre le contenu d'une puce. Ceci peut être réalisé en spécifiant un élément md-chip-template ayant le contenu personnalisé comme enfant de md-chips.

le md-contact-chips, une directive angulaire, est un contrôle d'entrée construit sur des puces md et utilise le md-autocompleteélément. Le composant de puce de contact accepte une expression de requête qui renvoie une liste de contacts possibles. Un utilisateur peut en sélectionner un et l'ajouter à la liste des puces disponibles.