Perguntas com a marcação «angular-material2»

Estou tentando usar o componente de preenchimento automático de material angular no meu projeto Angular 2. Eu adicionei o seguinte ao meu modelo. <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> A seguir está o meu …

355 angular  typescript  angular-material2  angular-forms 

Estamos tentando construir nossos próprios componentes de campo de formulário em nossa empresa. Estamos tentando envolver os componentes do design de material como este: 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> caixa de texto: <field hint="hint"> <input matInput [placeholder]="placeholder" [value]="value" (change)="onChange($event)" (keydown)="onKeydown($event)" …

185 angular  angular-material2 

Estou usando o Material 2 para adicionar md-raised-button. Desejo aplicar esta diretiva apenas se certa condição se tornar verdadeira. Por exemplo: <button md-raised-button="true"></button> Outro exemplo: criei uma forma reativa dinâmica básica no plunker. Estou usando uma formArrayNamediretiva de forma reativa para uma série de controles. Quero aplicar a formArrayNamediretiva apenas …

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

Eu tenho um mat-select onde as opções são todos os objetos definidos em uma matriz. Estou tentando definir o valor padrão para uma das opções, no entanto, ele está sendo deixado selecionado quando a página é renderizada. Meu arquivo datilografado contém: public options2 = [ {"id": 1, "name": "a"}, {"id": …

109 angular  typescript  angular-material2 

Em vários locais dentro da fonte de material angular, existem elementos / classes css que têm cdkcomo prefixo. Alguém sabe qual é a abreviatura de cdkno contexto material angular?

108 angular-material2  angular-cdk 

Eu instalei o material para angular, Eu importei em meu módulo de aplicativo MatIconModule (com import { MatIconModule } from '@angular/material/icon';) Eu adicionei em minhas importações ngmodule com: @NgModule({ imports: [ //... MatIconModule, //... Eu importei todas as folhas de estilo E também importei no meu componente de aplicativo que …

99 angular  angular-material  angular-material2 

Quero usar as cores da marca da minha empresa em todo o aplicativo. Eu encontrei este problema: AngularJS 2 - Design de material - definir paleta de cores onde posso construir um tema supostamente personalizado , mas basicamente usa diferentes partes de paletas pré-construídas. Não quero usar as cores predefinidas …

98 angular  sass  material-design  angular-material2 

Tenho uma pergunta em relação ao material angular (com Angular 4+). Digamos que em meu modelo de componente eu adicione um <mat-horizontal-stepper>componente e, em cada etapa <mat-step>, tenha botões de passo para navegar no componente. Igual a... <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> …

88 angular  angular-material  angular-material2