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

Angular Material - это реализация Material Design в 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 - Как обновить источник данных (mat-table)
Я использую мат-таблицу для перечисления содержания языков, выбранных пользователем. Они также могут добавлять новые языки с помощью диалоговой панели. После добавили язык и вернули обратно. Я хочу, чтобы мой источник данных обновился, чтобы отобразить внесенные изменения. Я инициализирую хранилище данных, получая пользовательские данные из службы и передавая их в источник …

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

3
Отключите щелчок за пределами диалоговой области углового материала, чтобы закрыть диалоговое окно (с Angular версии 4.0+)
В настоящее время я работаю над страницей сброса пароля в проекте Angular 4. Мы используем Angular Material для создания диалогового окна, однако, когда клиент выйдет за пределы диалогового окна, оно автоматически закроется. Есть ли способ избежать закрытия диалогового окна до тех пор, пока наша сторона кода не вызовет функцию «закрыть»? …

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

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

10
Сортировка по умолчанию в Angular Material - Сортировка заголовка
Как я могу изменить код Angular Material ниже, чтобы таблица данных была отсортирована по столбцу «имя» в порядке возрастания по умолчанию. Стрелка (указывающая текущее направление сортировки) должна быть отображена. Вот чего я хочу добиться: Исходный код: <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 …

4
Могу ли я программно перемещать шаги mat-horizontal-stepper в Angular / Angular Material
У меня вопрос по 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 …

3
Angular 2 ng для первого, последнего, индексного цикла
Я пытаюсь установить по умолчанию первое вхождение в этом примере: 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'
Я новичок в разработке angular 5. Я пытаюсь разработать таблицу данных с угловым материалом, используя приведенный здесь пример: « https://material.angular.io/components/table/examples ». Я получаю сообщение об ошибке Can't bind to 'dataSource' since it isn't a known property of 'table'. Пожалуйста помоги.


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