Pytania otagowane jako angular-material

Angular Material to implementacja Material Design w Angular. Nie używaj tego tagu dla AngularJS Material, implementacji Material Design dla starszego frameworka AngularJS.

10
W oknie dialogowym materiału Angular2 występują problemy - Czy dodałeś go do @ NgModule.entryComponents?
Próbuję postępować zgodnie z dokumentami na https://material.angular.io/components/component/dialog, ale nie rozumiem, dlaczego występuje poniższy problem? Dodałem poniżej do mojego komponentu: @Component({ selector: 'dialog-result-example-dialog', templateUrl: './dialog-result-example-dialog.html', }) export class DialogResultExampleDialog { constructor(public dialogRef: MdDialogRef<DialogResultExampleDialog>) {} } W moim module dodałem import { HomeComponent,DialogResultExampleDialog } from './home/home.component'; @NgModule({ declarations: [ AppComponent, LoginComponent, DashboardComponent, …
23
Angular + Material - Jak odświeżyć źródło danych (mat-table)
Używam tabeli mat do spisania treści w wybranych językach przez użytkowników. Mogą również dodawać nowe języki za pomocą panelu dialogowego. Po dodaniu języka i powrocie. Chcę, aby moje źródło danych odświeżyło się, aby pokazać wprowadzone przez nie zmiany. Inicjalizuję magazyn danych, pobierając dane użytkownika z usługi i przekazując je do …
14
Zastosuj dyrektywę warunkowo
Do dodania używam materiału 2 md-raised-button. Chcę stosować tę dyrektywę tylko wtedy, gdy spełnią się określone warunki. Na przykład: <button md-raised-button="true"></button> Inny przykład: stworzyłem podstawową dynamiczną formę reaktywną w plunkerze. Używam formArrayNamedyrektywy formy reaktywnej dla tablicy kontrolek. Chcę zastosować formArrayNamedyrektywę tylko wtedy, gdy określony warunek stanie się prawdziwy, w przeciwnym …
16
Demo sortowania mat-table nie działa
Staram się, aby mat-tablesortowanie działało lokalnie i chociaż mogę sprawić, by dane były wyświetlane zgodnie z oczekiwaniami, kliknięcie wiersza nagłówka nie powoduje sortowania, tak jak w przypadku przykładów online (w ogóle nic się nie dzieje). Próbuję, aby to demo działało lokalnie: https://material.angular.io/components/sort/overview https://plnkr.co/edit/XF5VxOSEBxMTd9Yb3ZLA?p=preview Wygenerowałem nowy projekt za pomocą Angular CLI, …
3
Wyłącz kliknięcie poza obszarem okna dialogowego materiału kątowego, aby zamknąć okno (z wersją Angular 4.0+)
Obecnie pracuję nad stroną resetowania hasła w projekcie Angular 4. Używamy Angular Material do tworzenia okna dialogowego, jednak gdy klient kliknie okno dialogowe, zamknie się ono automatycznie. Czy istnieje sposób na uniknięcie zamknięcia okna dialogowego przed wywołaniem funkcji „close” po stronie kodu? Albo jak utworzyć niezamykany modal?
14
Ikony materiałów kątowych nie działają
Zainstalowałem Materiał na kątowe, Zaimportowałem do mojej aplikacji moduł MatIconModule (z import { MatIconModule } from '@angular/material/icon';) Dodałem go do mojego importu ngmodule z: @NgModule({ imports: [ //... MatIconModule, //... Zaimportowałem wszystkie arkusze stylów Zaimportowałem go również do komponentu aplikacji, który faktycznie (próbuje) ich używać (z inną import {MatIconModule} from …
3
Kątowa 2 ng dla pierwszej, ostatniej, pętli indeksu
Próbuję ustawić jako domyślne pierwsze wystąpienie w tym przykładzie: plunkr otrzymuję następujący błąd: 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 at …
4
Czy mogę programowo przesuwać kroki krokowego poziomego maty w materiale kątowym / kątowym
Mam pytanie dotyczące Angular Material (z Angular 4+). Powiedz w moim szablonie komponentów, że dodaję <mat-horizontal-stepper>komponent, a na każdym kroku <mat-step>mam przyciski krokowe do nawigacji po komponencie. Tak jak tak ... <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 matStepperPrevious …
9
Domyślne sortowanie w materiałach kątowych - nagłówek sortowania
Jak mogę zmienić poniższy kod materiału kątowego, aby tabela danych była domyślnie sortowana według kolumny „nazwa”, w kolejności rosnącej. Musi być wyświetlona strzałka (wskazująca aktualny kierunek sortowania). Oto, co chcę osiągnąć: Oryginalny kod: <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 (g)</th> <th mat-sort-header="protein">Protein …
2
błąd TS1086: Akcesorium nie można zadeklarować w kontekście otoczenia w Angular 9
Uczę się Angular Material i otrzymuję ten błąd podczas importowania {MatButtonModule} z „@ angular / material / button”. Z tego, co przeczytałem w innych odpowiedziach, wygląda to na problemy ze zgodnością pakietów, ale nie mogłem tego naprawić. Oto pełny błąd ERROR in node_modules/@angular/cdk/a11y/focus-trap/focus-trap.d.ts(29,9): error TS1086: An accessor cannot be declared …
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.