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

Angular Material - це реалізація дизайну матеріалів у Angular. Не використовуйте цей тег для AngularJS Material, реалізації Material Design для старішої фреймворку AngularJS.

10
У діалоговому вікні матеріалу Angular2 є проблеми - Ви додали його до @ NgModule.entryComponents?
Я намагаюся слідкувати за документами на https://material.angular.io/components/component/dialog, але я не можу зрозуміти, чому це проблема нижче? Я додав нижче про свій компонент: @Component({ selector: 'dialog-result-example-dialog', templateUrl: './dialog-result-example-dialog.html', }) export class DialogResultExampleDialog { constructor(public dialogRef: MdDialogRef<DialogResultExampleDialog>) {} } У своєму модулі я додав import { HomeComponent,DialogResultExampleDialog } from './home/home.component'; @NgModule({ declarations: …

1
Вибір завантажувальної та проти матеріальної конструкції [закрито]
Зачинено. Це питання не відповідає вказівкам щодо переповнення стека . Наразі відповіді не приймаються. Хочете вдосконалити це питання? Оновіть питання, щоб воно було тематичним для переповнення стека. Закрито 5 років тому . Удосконаліть це питання Я збираюся розпочати новий проект із використанням AngularJS (повний стек). Мій проект повинен бути чуйним, …

23
Angular + Material - як оновити джерело даних (мат-таблиця)
Я використовую таблицю мат, щоб перерахувати вміст вибраних користувачами мов. Вони також можуть додавати нові мови за допомогою діалогової панелі. Після того, як вони додали мову і повернулися назад. Я хочу, щоб мій джерело даних оновився, щоб показати зміни, які вони внесли. Я ініціалізую сховище даних, отримуючи дані користувача від …

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

15
Демонстрація сортування матового столу не працює
Я намагаюся змусити mat-tableсортування працювати локально, і хоча я можу отримати дані, щоб вони відображалися належним чином, клацання на рядку заголовка не робить сортування, як це робиться на онлайн-прикладах (взагалі нічого не відбувається). Я намагаюся змусити цю демонстрацію працювати локально: https://material.angular.io/components/sort/overview https://plnkr.co/edit/XF5VxOSEBxMTd9Yb3ZLA?p=preview Я створив новий проект за допомогою Angular CLI, …

2
Вимкніть клацання за межами діалогової області кутового матеріалу, щоб закрити діалогове вікно (з Angular Version 4.0+)
Зараз я працюю на сторінці скидання пароля проекту Angular 4. Ми використовуємо Angular Material для створення діалогового вікна, однак, коли клієнт клацає з діалогового вікна, воно закриється автоматично. Чи є спосіб уникнути закриття діалогового вікна, доки наша сторона коду не викличе функцію "закрити"? Або як я повинен створити закриту ?

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

3
Кутовий 2 нг для першого, останнього циклу індексу
Я намагаюся встановити за замовчуванням перший випадок у цьому прикладі: plunkr отримання наступної помилки: Unhandled Promise rejection: Template parse errors: TypeError: Cannot read property 'toUpperCase' of undefined ("dButtonToggleGroup"> <md-button-toggle [ERROR ->]*ngFor="let indicador of indicadores; #first = first" value="indicador.id" [checked]="first">"): ng:///AppModule/HomeComponent.html@35:78 Parser Error: Unexpected token #, expected identifier, keyword, or string …

10
Неможливо прив’язати до 'dataSource', оскільки це не відома властивість 'table'
Я новачок у кутовій розробці 5. Я намагаюся розробити таблицю даних з кутовим матеріалом, використовуючи приклад, наведений тут: " https://material.angular.io/components/table/examples ". Я отримую повідомлення про помилку Can't bind to 'dataSource' since it isn't a known property of 'table'. Будь ласка, допоможіть.

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

9
Сортування за замовчуванням у кутовому матеріалі - Заголовок сортування
Як я можу змінити код Angular Material нижче, щоб таблиця даних була відсортована за стовпчиком "name", за зростанням за зростанням. Стрілка (із зазначенням поточного напрямку сортування) повинна відображатися. Це те, чого я хочу досягти: Оригінальний код: <table matSort (matSortChange)="sortData($event)"> <tr> <th mat-sort-header="name">Dessert (100g)</th> <th mat-sort-header="calories">Calories</th> <th mat-sort-header="fat">Fat (g)</th> <th mat-sort-header="carbs">Carbs …

8
Як встановити ширину стовпця таблиці mat у кутовому?
Тут у моїй таблиці mat є 6 стовпців, коли будь-який стовпець не має більше слів, тоді це виглядає як Image-1, але коли будь-який стовпець має більше слів, тоді UI виглядає як Image-2, так як встановити UI як Image-1, коли є стовпець має більше слів у кутовій 6? Зображення-1 Зображення-2 user.component.html …

14
Скидання форми Angular 5 FormGroup не скидає валідатори
У мене є форма на моїй сторінці, і коли я зателефоную, FormGroup.reset()вона встановлює для класу форми значення, ng-pristine ng-untouchedале FormControl.hasError(...)все одно повертає істину. Що я тут роблю не так? Шаблон <form [formGroup]="myForm" (ngSubmit)="submitForm(myForm)"> <mat-form-field> <input matInput formControlName="email" /> <mat-error *ngIf="email.hasError('required')"> Email is a required feild </mat-error> </mat-form-field> <mat-form-field> <input matInput …


2
помилка TS1086: Доступ не може бути оголошений в оточуючому контексті в куті 9
Я вивчаю кутовий матеріал, і я отримую цю помилку під час імпорту {MatButtonModule} з "@ angular / material / button". З того, що я читав в інших відповідях, це виглядає як проблеми сумісності пакунків, але я не зміг його виправити. Ось повна помилка ERROR in node_modules/@angular/cdk/a11y/focus-trap/focus-trap.d.ts(29,9): error TS1086: An accessor …
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.