Preguntas etiquetadas con angular-material2

Estoy tratando de usar el componente de autocompletar material angular en mi proyecto Angular 2. Agregué lo siguiente a mi plantilla. <md-input-container> <input mdInput placeholder="Category" [mdAutocomplete]="auto" [formControl]="stateCtrl"> </md-input-container> <md-autocomplete #auto="mdAutocomplete"> <md-option *ngFor="let state of filteredStates | async" [value]="state"> {{ state }} </md-option> </md-autocomplete> El siguiente es mi componente. import {Component, …

355 angular  typescript  angular-material2  angular-forms 

Estamos tratando de construir nuestros propios componentes de campo de formulario en nuestra empresa. Estamos tratando de envolver los componentes del diseño de materiales de esta manera: campo: <mat-form-field> <ng-content></ng-content> <mat-hint align="start"><strong>{{hint}}</strong> </mat-hint> <mat-hint align="end">{{message.value.length}} / 256</mat-hint> <mat-error>This field is required</mat-error> </mat-form-field> caja de texto: <field hint="hint"> <input matInput [placeholder]="placeholder" …

189 angular  angular-material2 

Estoy usando Material 2 para agregar md-raised-button . Quiero aplicar esta directiva solo si cierta condición se cumple. Por ejemplo: <button md-raised-button="true"></button> Otro ejemplo: creé una forma reactiva dinámica básica en plunker. Estoy usando una formArrayNamedirectiva de forma reactiva para una matriz de controles. Quiero aplicar la formArrayNamedirectiva solo si …

109 angular  angular-material  angular2-forms  angular2-directives  angular-material2 

Tengo un mat-select donde las opciones son todos los objetos definidos en una matriz. Estoy tratando de establecer el valor predeterminado en una de las opciones, sin embargo, se deja seleccionado cuando se procesa la página. Mi archivo mecanografiado contiene: public options2 = [ {"id": 1, "name": "a"}, {"id": 2, …

109 angular  typescript  angular-material2 

En varios lugares dentro de la fuente de material angular, hay elementos / clases css que tienen cdkcomo prefijo. ¿Alguien sabe cuál es la abreviatura de cdk en el contexto de material angular?

108 angular-material2  angular-cdk 

Quiero utilizar los colores de la marca de mi empresa en toda la aplicación. Encontré este problema: AngularJS 2 - Diseño de materiales - establecer la paleta de colores donde puedo crear un tema supuestamente personalizado , pero básicamente solo usa diferentes partes de paletas preconstruidas. No quiero usar los …

98 angular  sass  material-design  angular-material2 

He instalado Material para angular, He importado en mi módulo de aplicación MatIconModule (con import { MatIconModule } from '@angular/material/icon';) Lo agregué debajo de mis importaciones de ngmodule con: @NgModule({ imports: [ //... MatIconModule, //... He importado todas las hojas de estilo Y también lo importé en el componente de …

93 angular  angular-material  angular-material2 

Tengo una pregunta sobre Angular Material (con Angular 4+). Digamos que en mi plantilla de componente agrego un <mat-horizontal-stepper>componente, y dentro de cada paso <mat-step>tengo botones paso a paso para navegar por el componente. Al igual que... <mat-horizontal-stepper> <mat-step> Step 1 <button mat-button matStepperPrevious type="button">Back</button> <button mat-button matStepperNext type="button">Next</button> </mat-step> …

85 angular  angular-material  angular-material2 

Tengo una tabla de datos de material angular 2 normal con encabezados de clasificación. Todo tipo de encabezados funcionan bien. Excepto el que tiene un objeto como valor. Estos no se clasifican en absoluto. Por ejemplo: <!-- Project Column - This should sort!--> <ng-container matColumnDef="project.name"> <mat-header-cell *matHeaderCellDef mat-sort-header> Project Name …

82 angular  angular-material2