Als «angular-material» getaggte Fragen

Angular Material ist eine Implementierung von Material Design in Angular. Verwenden Sie dieses Tag nicht für AngularJS Material, die Implementierung von Material Design für das ältere AngularJS-Framework.

10
Angular2-Materialdialog hat Probleme - Haben Sie ihn zu @ NgModule.entryComponents hinzugefügt?
Ich versuche, den Dokumenten unter https://material.angular.io/components/component/dialog zu folgen , kann aber nicht verstehen, warum das folgende Problem vorliegt. Ich habe Folgendes zu meiner Komponente hinzugefügt: @Component({ selector: 'dialog-result-example-dialog', templateUrl: './dialog-result-example-dialog.html', }) export class DialogResultExampleDialog { constructor(public dialogRef: MdDialogRef<DialogResultExampleDialog>) {} } In meinem Modul habe ich hinzugefügt import { HomeComponent,DialogResultExampleDialog } …


23
Winkel + Material - So aktualisieren Sie eine Datenquelle (Mat-Tabelle)
Ich verwende eine Mat-Tabelle, um den Inhalt der vom Benutzer ausgewählten Sprachen aufzulisten. Sie können auch neue Sprachen über das Dialogfeld hinzufügen. Nachdem sie eine Sprache hinzugefügt und zurückgekehrt waren. Ich möchte, dass meine Datenquelle aktualisiert wird, um die vorgenommenen Änderungen anzuzeigen. Ich initialisiere den Datenspeicher, indem ich Benutzerdaten von …

14
Wenden Sie eine Richtlinie unter bestimmten Bedingungen an
Ich benutze Material 2, um hinzuzufügen md-raised-button. Ich möchte diese Richtlinie nur anwenden, wenn eine bestimmte Bedingung erfüllt ist. Beispielsweise: <button md-raised-button="true"></button> Ein weiteres Beispiel: Ich habe im Plunker eine dynamische Grundreaktionsform erstellt. Ich verwende die formArrayNameDirektive der reaktiven Form für eine Reihe von Kontrollen. Ich möchte die formArrayNameDirektive nur …

15
Mat-Table Sorting Demo funktioniert nicht
Ich versuche, die mat-tableSortierung lokal zum Laufen zu bringen, und obwohl die Daten wie erwartet angezeigt werden können, führt das Klicken auf die Kopfzeile die Sortierung nicht wie bei Online-Beispielen durch (es passiert überhaupt nichts). Ich versuche, diese Demo lokal zum Laufen zu bringen: https://material.angular.io/components/sort/overview https://plnkr.co/edit/XF5VxOSEBxMTd9Yb3ZLA?p=preview Ich habe ein neues …

2
Deaktivieren Sie das Klicken außerhalb des Dialogfelds für eckiges Material, um das Dialogfeld zu schließen (mit Angular Version 4.0+).
Ich arbeite derzeit an der Seite zum Zurücksetzen des Passworts eines Angular 4-Projekts. Wir verwenden Angular Material, um das Dialogfeld zu erstellen. Wenn der Client jedoch aus dem Dialogfeld klickt, wird es automatisch geschlossen. Gibt es eine Möglichkeit, das Schließen des Dialogs zu vermeiden, bis unsere Codeseite die Funktion "Schließen" …

14
Winkelmaterial-Symbole funktionieren nicht
Ich habe Material für Winkel installiert, Ich habe auf meinem App-Modul MatIconModule (mit import { MatIconModule } from '@angular/material/icon';) importiert Ich habe es unter meinen ngmodule-Importen hinzugefügt mit: @NgModule({ imports: [ //... MatIconModule, //... Ich habe alle Stylesheets importiert Und ich habe es auch in meine App-Komponente importiert, die sie …

3
Winkel 2 ng für erste, letzte Indexschleife
Ich versuche, das erste Vorkommen in diesem Beispiel als Standard festzulegen : plunkr den folgenden Fehler erhalten: 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, …


4
Kann ich die Schritte eines Matten-Horizontal-Steppers in Angular / Angular Material programmgesteuert verschieben?
Ich habe eine Frage zu Angular Material (mit Angular 4+). Angenommen, ich füge in meiner Komponentenvorlage eine <mat-horizontal-stepper>Komponente hinzu und habe in jedem Schritt Schrittschaltflächen <mat-step>zum Navigieren in der Komponente. Wie so ... <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
Standardsortierung in Winkelmaterial - Kopfzeile sortieren
Wie kann ich den unten stehenden Winkelmaterialcode so ändern, dass die Datentabelle nach der Spalte 'Name' sortiert ist, standardmäßig in aufsteigender Reihenfolge. Der Pfeil (zeigt die aktuelle Sortierrichtung an) muss angezeigt werden. Folgendes möchte ich erreichen: Originalcode: <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 …


14
Angular 5 FormGroup Reset setzt Validatoren nicht zurück
Ich habe ein Formular auf meiner Seite und wenn ich FormGroup.reset()es aufrufe, setzt es die Formularklasse auf, gibt ng-pristine ng-untouchedaber FormControl.hasError(...)immer noch die Wahrheit zurück. Was mache ich hier falsch? Vorlage <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 …

4
Winkelmaterial: MatDatepicker: Für DateAdapter wurde kein Anbieter gefunden
Ich versuche, die Datepicker-Komponente in Angular Material zu verwenden. Hier ist mein HTML-Code: <input matInput [matDatepicker]="picker" placeholder="Choose a date" disabled> <mat-datepicker #picker disabled="false"></mat-datepicker> Es funktioniert jedoch nicht bei mir und ich erhalte die folgende Fehlermeldung: Fehler: MatDatepicker: Für DateAdapter wurde kein Anbieter gefunden. Die Fehlermeldung sagt mir, dass ich MatNativeDateModule …


Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.