Запитання з тегом «angular-material2»

Я намагаюся використовувати компонент Angular Material Autocomplete у своєму проекті 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 …

354 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" hint="my hint"></textbox> …

187 angular  angular-material2 

Для додавання я використовую Матеріал 2 md-raised-button. Я хочу застосувати цю директиву лише в тому випадку, якщо певна умова стане істинною. Наприклад: <button md-raised-button="true"></button> Ще один приклад: я створив основну динамічну реактивну форму в планку. Я використовую formArrayNameдирективу реактивної форми для масиву елементів управління. Я хочу застосувати formArrayNameдирективу лише в …

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

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

109 angular  typescript  angular-material2 

У кількох місцях у кутовому джерелі матеріалу є елементи / класи css, які мають cdkсвій префікс. Хтось знає, що таке абревіатура cdkу вузькому матеріальному контексті?

108 angular-material2  angular-cdk 

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

97 angular  sass  material-design  angular-material2 

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

93 angular  angular-material  angular-material2 

У мене запитання щодо кутового матеріалу (з 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 …

85 angular  angular-material  angular-material2 

У мене є звичайна таблиця даних Angular Material 2 з заголовками сортування. Всі сорти - заголовки працюють нормально. За винятком того, що має об’єкт як значення. Вони взагалі не сортуються. Наприклад: <!-- 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}} …

84 angular  angular-material2 

Зачинено. Це питання не відповідає вимогам щодо переповнення стека . Наразі відповіді не приймаються. Хочете покращити це питання? Оновіть питання, щоб воно було актуальним для переповнення стека. Закрито 1 рік тому . Удосконалюйте це питання Нещодавно було розпочато наступник проекту MDL (Material Design Lite) як « Матеріальні компоненти для Інтернету» …

75 material-design  angular-material2  material-components