Als «angular-material2» getaggte Fragen

Ich versuche, die Angular Material Autocomplete- Komponente in meinem Angular 2-Projekt zu verwenden. Ich habe meiner Vorlage Folgendes hinzugefügt. <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> Das Folgende ist meine Komponente. import {Component, OnInit} from …

355 angular  typescript  angular-material2  angular-forms 

Wir versuchen, in unserem Unternehmen eigene Formfeldkomponenten zu bauen. Wir versuchen, die Komponenten des Materialdesigns wie folgt zu verpacken: Feld: <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> Textfeld: <field hint="hint"> <input matInput [placeholder]="placeholder" [value]="value" (change)="onChange($event)" (keydown)="onKeydown($event)" (keyup)="onKeyup($event)" (keypress)="onKeypress($event)"> </field> Verwendung: <textbox value="test" hint="my …

184 angular  angular-material2 

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 …

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

An mehreren Stellen innerhalb der Winkelmaterialquelle gibt es Elemente / CSS-Klassen, cdkderen Präfix verwendet wird. Weiß jemand, wofür die Abkürzung cdkim eckigen Materialkontext steht?

108 angular-material2  angular-cdk 

Ich habe eine Mattenauswahl, bei der die Optionen alle in einem Array definierten Objekte sind. Ich versuche, den Wert als Standard auf eine der Optionen zu setzen, er wird jedoch beim Rendern der Seite ausgewählt gelassen. Meine Typoskriptdatei enthält: public options2 = [ {"id": 1, "name": "a"}, {"id": 2, "name": …

107 angular  typescript  angular-material2 

Ich möchte die Markenfarben meines Unternehmens in der gesamten App verwenden. Ich habe dieses Problem gefunden: AngularJS 2 - Materialdesign - Farbpalette festlegen, in der ich ein angeblich benutzerdefiniertes Thema erstellen kann , aber im Grunde genommen werden nur verschiedene Teile vorgefertigter Paletten verwendet. Ich möchte die vordefinierten Farben von …

94 angular  sass  material-design  angular-material2 

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 …

92 angular  angular-material  angular-material2 

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 …

86 angular  angular-material  angular-material2 

Ich habe eine normale Angular Material 2 DataTable mit Sortierüberschriften. Alle Sortierungen sind Header funktionieren gut. Außer dem mit einem Objekt als Wert. Diese sortieren überhaupt nicht. Zum Beispiel: <!-- 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}} </mat-cell> </ng-container> …

82 angular  angular-material2 

Geschlossen. Diese Frage entspricht nicht den Richtlinien für Stapelüberlauf . Derzeit werden keine Antworten akzeptiert. Möchten Sie diese Frage verbessern? Aktualisieren Sie die Frage so dass es beim Thema für Stack - Überlauf. Geschlossen im vergangenen Jahr . Verbessere diese Frage Kürzlich wurde der Nachfolger des MDL-Projekts (Material Design Lite) …

75 material-design  angular-material2  material-components 

Ich versuche, <mat-form-field>Material2 in einem Angular-Projekt zu verwenden, aber ich bin gegen eine Wand gestoßen. Die folgende Fehlermeldung wird angezeigt. Uncaught Error: Template parse errors: 'mat-form-field' is not a known element: 1. If 'mat-form-field' is an Angular component, then verify that it is part of this module. 2. If 'mat-form-field' …

72 angular  typescript  angular-material2 

Ich habe diesen Fehler nach dem Upgrade auf Angular 2 Rc.5 erhalten. Dies ist meine Komponentenvorlage: <md-input [(ngModel)]="recipient" name="recipient" placeholder="Name" class="col-sm-4" (blur)="addRecipient(recipient)"> </md-input> Meine app.module.ts importiert die FormsModule Ich habe auch versucht, private recipient;in meiner Komponente zu deklarieren . Vermisse ich etwas Warum erhalte ich diesen Fehler? No value accessor …

68 angular  typescript  angular-material2