Tag: angular-material
Die Winkel-Material-Projekt ist eine Umsetzung von Material-Design in Eckig. Dieses Projekt bietet eine Reihe wiederverwendbarer, gut getestet und den Zugriff auf UI-Komponenten, basierend auf dem Material-Design-system. Verwenden Sie dieses tag nicht für AngularJS Material, die Durchführung von Material-Design für die älteren AngularJS framework.
In AngularJS Material-Design, wie zu verbergen übergelaufen text in der "md-Symbolleiste"?
1 Antworten
Etwas wie: <md-toolbar> <div class="md-toolbar-tools"> <paper-icon-button icon="arrow-back" nav-to="{{$root.navTo}}"></paper-icon-button> <span flex>{{$root.title}}</span> </div> </md-toolbar> Aber wenn $root.title ist sehr lang, der text wird nur wickeln Sie auf mehrere Zeilen. Was ich will, ist die Wirkung von text-overflow: ellipsis;, aber
Warum ist mein Material AngularJS (CSS) nicht so funktioniert wie in der demo zur Verfügung?
1 Antworten
Ich bin ein total Neuling in die Welt von AngularJS. Allerdings möchte ich implementieren, die material design-version von AngularJS zur Erstellung eines Formulars. Also folgte ich der getting-started Anweisungen und versuchte, etwas zu tun, aber es sah
Winkel-2+: Prüfung form mit matt-Folie-toggle - change-Ereignis wird nicht ausgelöst
1 Antworten
Ich bin nicht sicher, warum die das change-Ereignis nicht auslösen und daher nicht auslösen die Funktion habe ich registriert für das change-Ereignis. Ich weiß, das funktioniert, wenn ich es ausführen, aber ich kann es nicht in der
Winkel-material-2-Knopf-Knebel standardmäßig ausgewählt
2 Antworten
in eckig material 2, Wie kann ich einstellen, dass standardmäßig ausgewählte Taste im toggle-Gruppe. Tut es wechseln sobald ich auf eines, aber beide standardmäßig aktiviert irgendwie. Ich habe versucht, wie folgt, funktioniert aber nicht. <md-button-toggle-group #group="mdButtonToggleGroup"> <md-button-toggle
Winkel-Material 2 - änderung md-wählen Sie Platzhalter Farbe
2 Antworten
Konnte Sie nicht finden jede richtige Weg, um überschreiben die Standardwerte. Einfach: <md-select class="selector" color="primary" placeholder="Date Format" --> change this color [(ngModel)]="dateType" name="dateType"> <md-option value="1">Option 1</md-option> <md-option value="2">Option 2</md-option> </md-select> Versuchen, zu einem überschreiben der Platzhalter Klassen
Eckig Material: Wie schließen Sie alle mat-Dialoge und süß-Warnungen auf logout
1 Antworten
Wollte ich Nähe alle meine Dialogfeld (mat-Dialogfeld bootstrap-modals & sweet-alerts) auf logout im Winkel. Dies ist, wie es gemacht wurde in AngularJS (version 1.5): function logout() { //hide $mdDialog modal angular.element('.md-dialog-container').hide(); //hide any open $mdDialog modals &
Winkel 5 FormArray
4 Antworten
Habe ich diese FormArray in meinem Winkel 5 /Eckig-Material Anwendung: this.form = new FormGroup({ customerNumberContainers: new FormArray([ new FormGroup({ contactTenant: new FormControl('', [Validators.required, Validators.minLength(2)]), customerNumber: new FormControl('', [Validators.required, Validators.minLength(2)]) }), ]), ... Tatsächlich weiß ich nicht, wie
Eckig Material md wählen Sie die option Gruppe standardmäßig ausgewählte Werte
2 Antworten
Wie setze ich bestimmte Elemente in meiner Liste ausgewählt werden Werte in md-wählen Sie die option Gruppe. Zum Beispiel, wenn ich laden Sie die Seite, die ich möchte, um zu sehen, Alice und Steve werden schon geprüft.
Unerwarteter Wert 'MatSnackBar" importiert durch das Modul 'AppModule'. Fügen Sie bitte ein @NgModule annotation
1 Antworten
Wollte ich machen Verwendung von MatSnackBar für die Anzeige von Benachrichtigungen auf event-Abschluss. Ich importierte MatSnackBar in meinem app Modul und unten ist meine app.- Modul.ts ... import { MatSnackBar, MatSnackBarConfig, ... } from '@angular/material'; ... @NgModule({
eckige Matte-button-link zu externer url
5 Antworten
Winkel 6 (https://angular.io/) neues Projekt, die Verwendung der Einsatzmaterialien (https://material.angular.io/) ~ Wie kann ich navigieren Sie zu einer externen URL von einem mat-button-Komponente. HTML <button mat-button [matMenuTriggerFor]="menu">Menu</button> <mat-menu #menu="matMenu"> <button mat-menu-item>Item 1</button> <button mat-menu-item>Item 2</button> </mat-menu> Typoskript
Deaktivieren von float für mdInput Textfeld
5 Antworten
In einer Eckigen 4 (Material) app, ich habe ein Textfeld für die Suche. Wenn ich in dem Feld, ein zweites Feld angezeigt, in dem eingegeben text. Dieses neue Feld schwebt, als ich die Seite scrollen. Wie deaktiviere
Wie die Umsetzung MD_DATE_FORMATS für datepicker?
3 Antworten
Ich bin zu versuchen, mein eigenes Datum-format für die glänzenden neuen datepicker aus material2. Nach Unterlagen, die ich haben, um meine version von MD_DATE_FORMATS: providers: [ {provide: DateAdapter, useValue: NativeDateAdapter }, {provide: MD_DATE_FORMATS, useValue: MY_DATE_FORMATS }, ],
Winkel -, ng-Nachrichten nicht zeigen, innen eckig-material-design-dialog (md-dialog)
6 Antworten
Arbeite ich an einem Formular zum hinzufügen einer Kreditkarte in angularJS mit angular material (https://material.angularjs.org/latest/#/). Für alle meine anderen Formulare, die ich verwendet, ng-Nachrichten (https://docs.angularjs.org/api/ngMessages/directive/ngMessages) zeigen Fehler bei der Validierung, und es funktionierte gut. Wenn ich embded
Wie Sie trigger-ng-änderung md-wählen Sie dies, wenn das Modell geändert wird?
1 Antworten
Ich bin mit der md-wählen und auslösen müssen bestimmte code, wenn der Wert geändert (Gebäude a Country/State selector). Ich habe es gut funktioniert, wenn ich den Wert ändern-durch die Kontrolle, aber ich brauche auch die Kontrollen spiegeln
die Größe bar für sidenav in eckig-material-design.
3 Antworten
Gibt es eine Richtlinie in eckig material, um die Größe sidenav? Es ist ein sidenav zeigt die Liste der clients und der Rechte Bereich hat die Angaben des Mandanten. Ich versuche, fügen Sie ein begrenzungsbalken zwischen Ihnen.
Zwei Feste Größe der Spalten in 3 Spalten layout in AngularJS Material
1 Antworten
Ich habe eine Frage ähnlich wie diese Flexbox - zwei Feste Breite Spalten, eine flexible Aber, dass man über es zu tun, einfach mit Flexbox. Ich versuche, AngularJS Material. Ich möchte meinen linken und rechten divs eine
Winkel-Werkstoff-Taste zum löschen ganzer form
3 Antworten
Ist es möglich, zurücksetzen eines Formulars mit einer einzigen Taste? Das Formular enthält material datepicker -, input -, textarea -, select-und Checkboxen. Meinen aktuellen code: <form class="example-form" #form="ngForm"> <button mat-raised-button color="primary (click)="clear(form.value)">Clear</button> <mat-form-field class="example-full-width"> <input matInput placeholder="Name"
md-wählen Sie - wie die Kraft, die benötigt wird?
2 Antworten
Wie kann ich Kraft md-select im multiple-Modus Verhalten sich genauso wie die <select multiple required ... > ? Hier ist die Geige, um zu zeigen, was ich meine. In diesem Beispiel, mein browser lässt mich nicht senden
Wie man ein Eckiges Material Tabelle reaktionsschnell Weg
1 Antworten
Habe ich eine einfache Tabelle mit zahlreichen Spalten, und ich möchte, dass die Spalten automatisch verkleinert wird, wenn die Größe des browser-Fensters. Die table-responsive arbeitet mit Bootstrap, aber ich bin auf der Suche nach etwas ähnliches für
gibt es eine Möglichkeit das zu ändern das Symbol für eine abgeschlossene Schritt im material-2 stepper
2 Antworten
Derzeit das Symbol für abgeschlossene Schritt ist "erstellen". Wie kann ich es ändern, einige andere material-Symbol-Zeile, wie 'Fertig' ? <mat-vertical-stepper> <mat-step label="Agreement Preparation"> <p>Agreement preparion is intiated by our side </p> </mat-step> <mat-step label="Ready for Biometric"> <p>Agreement
Zum deaktivieren der animation beim öffnen-dialog im Winkel material 2 mit dem Winkel 4
3 Antworten
Ich versuche, um das Dialogfeld erstellen, aber problem ist, ich möchte deaktivieren Sie die animation in den dialog, so wie, um es zu deaktivieren. import { NoopAnimationsModule } from '@angular/platform-browser/animations'; statt import { BrowserAnimationsModule } '@angular/platform-browser/animations'; in
Eckig-Material-set einen Datepicker mit nur Monate und Jahre
3 Antworten
Ich bin mit Winkel-1.5.9 & angular-material-design 1.1.1 Hinzufügen möchte ich, dass ein Datepicker mit den Monaten und Jahren, nicht Tagen, es ist für ein credit-card-expiration-Feld im checkout-Formular. für eckige material datepicker mit Monats-und Jahre besuchen Sie material.eckig.io/Komponenten/datepicker/überblick
Wie gesetzt Licht Vordergrundfarbe für text bei der Verwendung von dunklen theme?
1 Antworten
Ich bin beginnen zu Experimentieren mit kantigem Material (0.8.3 version um genau zu sein). Aus dem code des themes die entsprechenden Richtlinien und mdThemingProvider source code-ich fand, dass das Licht Vordergrundfarbe definiert ist, für die dunkle Thema.
So ändern Sie den text im display des md-select-box, die bei Beibehaltung des Modells?
3 Antworten
Ich bin mit Winkel material-Bibliothek Richtlinie md-select zu zeigen, eine Reihe von Länder-codes auf meinem Benutzer. Im Auswahl-Menü möchte ich zeigen, den Namen des Landes und Land-wählender code, aber sobald ein Land ausgewählt wurde, will ich nur
Wie zu Komponieren Eckig Material form-control-Komponenten
2 Antworten
Den code unten zeigt ein Autocomplete form-Steuerelement, das ermöglicht die Auswahl von einem US-Bundesstaat. <mat-form-field class="example-full-width"> <input matInput placeholder="State" aria-label="State" [matAutocomplete]="auto" [formControl]="stateCtrl"> <mat-autocomplete #auto="matAutocomplete"> <mat-option *ngFor="let state of filteredStates | async" [value]="state.name"> <img style="vertical-align:middle;" aria-hidden src="{{state.flag}}" height="25"
Error: Can ' T resolve '@eckig/cdk/rxjs'
2 Antworten
Ich Hinzugefügt eckig material in meinem Projekt, Im immer diese Fehlermeldung. Ich entfernte mein node-Module und re-installiert auch. Auch dann bin ich immer diese Fehlermeldung. Failed to compile. ./~/@angular/material/esm5/autocomplete.es5.js Module not found: Error: Can't resolve '@angular/cdk/rxjs' in
Mat-Nav-Liste " horizontal statt vertikal?
6 Antworten
Wie mache ich die horizontale statt der (scheinbaren Standard) vertikale? Es befindet sich in navigation.component.html in meinem Winkel-5.2.7 Anwendung, die generiert wurde, die über Winkel-CLI 1.7.2. Die Dokumentation link in der Kommentar wird nicht erläutert, wie das
Eckig Material 2 md-Karte responsive Spalten
3 Antworten
Ich bin auf der Suche nach einer Eckigen 2/4 Beispiel für dieses layout. Ich muss beginnen mit zwei Spalten von Karten (2 in der linken Spalte, 1 in der rechten col). Allerdings, wenn der Bildschirm ist klein,
md-Teiler (mat-Teiler) ist nicht angezeigt in eckigen material2
3 Antworten
Benutze ich <md-divider> wie <hr>. Ich dachte, es ist ok mit mit wie <hr>. Allerdings <md-divider> ist manchmal nicht angezeigt. Ich verwendet <md-divider> im <md-card>, aber <md-divider> wird nicht angezeigt. Sollte ich nur <md-divider> im <md-list>? Falls
Eckig material AutoVervollständigen nicht funktioniert, keine Fehler gezeigt
1 Antworten
Habe ich schon umgesetzt mein autocomplete, keine Fehler, scheint alles ok, aber absolut nichts passiert. Ich geben Sie etwas in das Eingabefeld und keine Aktion zu geschehen scheint, ist nichts an der Konsole angezeigt. HTML <form> <mat-form-field>
Eckig Material 5: wie wird eine Funktion aufgerufen werden, wenn eine Registerkarte ausgewählt (angeklickt)?
2 Antworten
Habe ich den folgenden html-code <mat-tab label="Regular" (selectChange)="tabClick()" (click)="tabClick()"> <h1>Some more tab content</h1> </mat-tab> - und dies ist die Funktion, tabClick(){ console.log('Tab clicked...'); } aber es scheint nicht aufgerufen zu werden, warum? Nicht eines der oben genannten
Gewusst wie: anpassen von md-wählen Sie im popup-Menü in Eckig Material?
1 Antworten
Brauche ich, um zu definieren, die eine spezielle Klasse für einige md-select's popup-Menüs (nicht alle). Aber ich habe keine Ahnung, wie das geht. Hier ist ein code-Beispiel von typischen Nutzungs-und hier ist kein Ort, wo ich kann
Festen header mit Winkel material-und flex-layout
1 Antworten
Arbeite ich mit den Eckigen 2-app mit angular material-und Winkel-flex-layout.Die ich erstellt habe, in meine Anwendung ein login-Formular und einen header, die nur sichtbar nach Anmeldung in meine Homepage. In meinem app.component.html ich habe meinen header und
So fügen Sie eine position Strategie, um ein overlay? (Winkel-Werkstoff)
1 Antworten
Wie auf der Erde füge ich eine position Strategie ( ConnectedPositionStrategy ), um eine überlagerung? (Ich bin mit Eckig-Material.) Ich habe versucht, die Angabe über die positionStrategy - Eigenschaft und übergeben es in overlay.create(). import { Overlay,
mdInput Nachrichten show animation " aufgerufen, ungültige Nachrichten-element:
1 Antworten
Nicht sicher, warum ich bin immer folgende Meldung. Hat sonst noch jemand Probleme in AngularJS/Winkel Material? Was mache ich falsch? Die Nachricht selbst scheint ein wenig vage. mdInput messages show animation called on invalid messages element: md-input-container.md-block.md-icon-right.md-default-theme.md-input-has-value
Was könnte der Grund sein, Gewinkelt 5 + Material 2 sind sehr sehr langsam?
2 Antworten
Ich weiß, das ist vielleicht nicht eine sehr gute Frage. Aber ich weiß wirklich nicht, was zu tun ist und ich bin auf der Suche nach Gründen. Ich bin mit meinem custom-Winkel-5 + Material 2 Anwendung lokal
Wie verwenden Sie die Winkel-material-Design?
1 Antworten
Machte ich ein Saatgut-Projekt für Winkel-Material, und prüfen wollen, einige der features, die das framework bietet. Mein HTML ist in Ordnung und einige andere ng Aktionen auch gut funktioniert. Als ich versuchte, überprüfen Sie die Formular-Funktion der
Iterieren zwei Elemente in einer Zeile mit ngFor
2 Antworten
Ich habe ein array von Zeichenketten, und ich will alle zwei von Ihnen in einer Reihe mit ngFor. Hier ist, was ich versucht habe: <div class='row wow fadeInUp' *ngFor='let index of myArray;let i = index;'> <div class='col-md-6'>
Ändern oder klicken Sie auf Ereignis-mat-button-toggle
2 Antworten
Habe ich eine Matte-button-toggle-group 5 mat-Taste-Umschalten. Ich brauche, um ein Ereignis auszulösen, auf die klicken Sie auf oder auf die änderung von val, obwohl ich es lieber ein click-Ereignis. In der Dokumentation hier zeigt, gibt es kein
Wie zu deaktivieren scrollen in md-Inhalts oder eine min-height, als auf mobile
1 Antworten
Ich bin mit Eckig-Material der md-Inhalts-Richtlinien zu erstellen, die einen Abschnitt, beugt sich zu füllen, der nutzbare vertikale Raum und scrollt den Inhalt. Das problem ist beim betrachten der Seite mit einem kleinen Bildschirm, der Inhalt schrumpft
Material Design (AngularJS) <md-select> funktioniert nicht
1 Antworten
Ich versuche, mit der <md-select> tag, aber ich kann nicht das gleiche Ergebnis wie in hier. Schreibe ich diesen code: <div layout="column" layout-align="center center" style="margin: 0px 10px 0px 5px;"> <h1 class="nomargin">X</h1> <p class="unit normagin">milimeter</p> </div> <div> <md-select
Winkel-Material-Daten-Tabelle mit Sortierung, Paginierung und Filterung mit Firestore
1 Antworten
Ich habe derzeit eine Tabelle wird gefüllt mit Daten aus Firestore. Ich habe Probleme bei der Umsetzung Sortierung, Paginierung und Filterung, und ich hatte gehofft, jemand könnte etwas Licht auf das für mich. Unten ist mein service
Winkel-2 material verschachtelte md-list-item
2 Antworten
Verwendung von Winkel-2 mit material-design, das versucht, um verschachtelte Listen, in sidenav Ich habe code wie <md-sidenav #sidenav class="sidenav" mode="over" opened> <md-nav-list> <md-card class="user-card"> <md-card-header> <div md-card-avatar class="user-avatar"></div> </md-card-header> </md-card> <md-divider></md-divider> <md-list-item *ngFor="let category of ategories"> <a
Winkel-material 2-Karte navigieren können
4 Antworten
machen, wie der Inhalt in der Matte-card-material 2-Komponenten-scroll-in der Lage ? Ich habe nichts finden auf der material 2 website InformationsquelleAutor ankur ratra | 2017-10-24
AngularCLI und Eckig-Material (Baupläne) Fehler: Sammlung "@eckig/material" kann nicht aufgelöst werden
6 Antworten
Ich versuche, mit den Eckigen schemats, die angezeigt werden, auf dieser Seite. Wenn ich versuche, mit diesem folgenden Befehl im terminal in den root des Projekts ng erzeugen @eckig/material:material-nav --name name-des-neuen-nav, bekomme ich die folgende Fehlermeldung in
Verwenden Sie ng klicken Sie auf md-tab, label
3 Antworten
Ich habe Probleme mit md-tabs : ich kann nicht rufen Sie ein controller-Funktion immer, wenn ich Sie auf einer bestimmten Registerkarte angezeigt werden soll. Hier sind die paar codes, die ich ausprobiert : <md-tabs md-center-tabs id="menuTabs" md-dynamic-height="true"
eckig material md-button ng-click funktioniert nicht
1 Antworten
md-button ng-click funktioniert nicht. So erstellte ich einfache Steuerung wie folgt. Wen ich button2 geklickt seine Werke, sondern auf die md-Taste, nichts passiert. controller app.controller('MyContrl', function ($scope) { $scope.submit = function () { $scope.message = "asdfa"; };
Eckig material layout-align = "center center" funktioniert nicht
3 Antworten
Ich versuche, verwenden Sie die layout-align = "center center", sollten richten Sie den Inhalt in der Mitte vertikal und horizontal. Aber es ist nur die Ausrichtung der Inhalte horizontal und nicht vertikal. Hier ist die plnkr link
Eckig-material flex tut nichts
1 Antworten
Ich möchte eine login-Seite mit eckig-material der layout-Richtlinie, aber ich lief in ein problem mit flex. In Zeile 8 sollte nicht flex=10 die div's Höhe bis zu 10%? Bin verpasse ich etwas wichtiges? Vielen Dank im Voraus
Falsches Datum mit eckig-material der Datum-picker
4 Antworten
Ich benutze den datepicker wählen Sie ein Datum aus und senden Sie es an den server. Beim einloggen das ich den JS-Wert bekomme ich das richtige Ergebnis: Tue Mar 22 2016 00:00:00 GMT+0100 (Mitteleuropäische Zeit) aber in