Вопросы с тегом «angular-material2»

Я пытаюсь использовать компонент автозаполнения Angular Material в своем проекте Angular 2. Я добавил следующее в мой шаблон. <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> Следующее - мой компонент. import {Component, OnInit} from "@angular/core"; import …

355 angular  typescript  angular-material2  angular-forms 

Мы пытаемся создать наши собственные компоненты поля формы в нашей компании. Мы пытаемся обернуть компоненты дизайна материала следующим образом: поле: <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> текстовое окно: <field hint="hint"> <input matInput [placeholder]="placeholder" [value]="value" (change)="onChange($event)" (keydown)="onKeydown($event)" (keyup)="onKeyup($event)" (keypress)="onKeypress($event)"> </field> Использование: <textbox value="test" …

190 angular  angular-material2 

Я использую Материал 2 для добавления md-raised-button. Я хочу применить эту директиву, только если определенное условие будет выполнено. Например: <button md-raised-button="true"></button> Другой пример: я создал базовую динамическую реактивную форму в plunker. Я использую formArrayNameдирективу реактивной формы для массива элементов управления. Я хочу применить formArrayNameдирективу, только если определенное условие станет истинным, …

112 angular  angular-material  angular2-forms  angular2-directives  angular-material2 

Во многих местах в источнике материала angular есть классы elements / css, которые имеют cdkпрефикс. Кто-нибудь знает, что такое аббревиатура cdkв угловом материальном контексте?

109 angular-material2  angular-cdk 

У меня есть mat-select, где параметры - это все объекты, определенные в массиве. Я пытаюсь установить значение по умолчанию для одного из параметров, однако он остается выбранным при отображении страницы. Мой машинописный файл содержит: public options2 = [ {"id": 1, "name": "a"}, {"id": 2, "name": "b"} ] public selected2 = …

109 angular  typescript  angular-material2 

Я хочу использовать фирменные цвета моей компании во всем приложении. Я обнаружил эту проблему: AngularJS 2 - Дизайн материалов - установите цветовую палитру, в которой я могу создать предположительно настраиваемую тему, но в основном она просто использует различные части предварительно созданных палитр. Я не хочу использовать предопределенные цвета Material2. Я …

105 angular  sass  material-design  angular-material2 

Я установил Материал для углового, Я импортировал в свое приложение модуль MatIconModule (с import { MatIconModule } from '@angular/material/icon';) Я добавил его в свой импорт ngmodule с помощью: @NgModule({ imports: [ //... MatIconModule, //... Я импортировал все таблицы стилей И я также импортировал его в свой компонент приложения, который на …

93 angular  angular-material  angular-material2 

У меня вопрос по Angular Material (с Angular 4+). Скажем, в моем шаблоне компонента я добавляю <mat-horizontal-stepper>компонент, и на каждом шаге у <mat-step>меня есть пошаговые кнопки для навигации по компоненту. Вот так... <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> <mat-step> Step 2 <button mat-button …

88 angular  angular-material  angular-material2 

У меня есть обычный Angular Material 2 DataTable с заголовками сортировки. Все сортировки заголовков работают нормально. За исключением того, у которого в качестве значения есть объект. Это совсем не сортировка. Например: <!-- Project Column - This should sort!--> <ng-container matColumnDef="project.name"> <mat-header-cell *matHeaderCellDef mat-sort-header> Project Name </mat-header-cell> <mat-cell *matCellDef="let element"> {{element.project.name}} …

83 angular  angular-material2