Fragen mit dem Tag "angular-material"

0

Matgrid Liste so reagieren

Ich habe eine mat-gridlist , wo ich ausrichten möchten, die Taste an der rechten Seite der Liste , so dass ich die Liste Spalten, wie 17, und legte sowohl die Tasten, die bei 16-und 17-position der Kachel , aber das scheint nonresponsive , wenn ich m...
2

Mit Angular6 Mat-Tabelle dynamisch

Ich bin die Entwicklung einer Angular-app, die erfordert, dass ich die Daten anzeigen, die ich abrufen, aus einer API. Da ich nicht genau weiß, welche Daten ich würde abrufen, und auch dies ist ein Modell, das ich für die verschiedenen Tabellen, die ...
0

Http-get-Anfrage in eckige zu Lesen, eine json-Datei platziert Vermögen

Ich bin mit Winkel material-design, wo ich Lesen müssen lokale json-Datei über http get metthod. Ich habe verwendet, lokale json-Datei in Anlagen, jedoch gibt es einige Probleme. html file <mat-card ng*For="let i of images"> <mat-ca...
0

flag zum aktivieren/deaktivieren eine <mat-option>

In diesem Beispiel: <mat-select multiple> <mat-option>Option 1</mat-option> <mat-option>Option 2</mat-option> </mat-select> Gibt es ein flag in der Matte-option zu sagen "ausgewählt/abgewählt" ? Ich Fra...
1

Wie erzeugen wir eine sub-Tabelle in eine Matte-Tabelle beim anklicken auf einen link in einer Zeile mit Winkel 7?

Ich habe eine mat-Tabelle in der die Werte in jeder Zeile. Wenn ich auf die Daten in einer Zeile, eine neue Zeile, die enthält ein weiteres mat-Tabelle Hinzugefügt werden soll
0

Budget-probleme, weil die css-Datei importieren

Ich bin ein junior-Entwickler, ich habe nicht viel Erfahrung, und ich arbeite derzeit an einem großen Eckigen Projekt. Wir verwenden Eckige Material und erstellen Sie benutzerdefinierte Designs für unsere Anwendung. Wir haben einen globalen Stil.scss...
6

ngClass mit mehreren/verschiedenen Aussagen

Ich schaute durch die ähnlichen Fragen, sondern es hätte nicht umbrochen, mein Kopf herum die Lösung, die ich Suche. Also im Grunde habe ich dieses Stück code: <div class="attendees-list__item-order-status course-details-attendees text text-coo...
1

Brauche Hilfe zu Holen Sie sich die richtigen Werte aus Checkboxen & dropdown auswählen, bis die Anzeige korrekte Daten

Ich habe Probleme, die richtigen Daten zum anzeigen von Mat-Wählen Sie und Mat-Checkbox. Was ich tun möchten ist, bekommen die Werte, die vom Anwender ausgewählt wurden. Aus der gewählten Werte eine if-else-Anweisung, um zu überprüfen, ob Bedingungen...
0

gewusst wie: schließen von material-overlay innerhalb componentPortal Instanz

Ich musste die overlayRef manuell, ist es ein schöner Weg, um es in der Komponenten-Konstruktor mit DI? service code: display() { const overlayRef = this.overlay.create({ positionStrategy: this.overlay.position().global().top(), }); ...
0

md-input-container nicht den Fokus auf die md-Eingang in IOS

Unter Problem wird mit iOS 12. On-touch-input-element konzentriert sich auf md-input-container, aber nicht die Fokussierung auf input. Es bedeutet, dass der cursor verschwindet auf das Eingabefeld und auch der Bildschirm nach unten scrollen. Auf der ...
1

NullInjectorError: Kein Anbieter für InjectionToken MatDialogData

Ich bekomme diese Fehlermeldung bei der Ausführung von Jasmin tests auf meiner Winkel-app. Error: StaticInjectorError(DynamicTestModule)[MyEditDialogComponent -> InjectionToken MatDialogData]: StaticInjectorError(Platform: core)[MyEditDialogCo...
1

iteration auf Datasource im Winkel

Ich möchte eine Funktion, die iteriert durch ein array von Objekt und stellen Sie die Eigenschaft status auf false. Das array von obj ist eine datasource, die auf eckigen Tisch. this.lightService.getLamp() .subscribe( (response) => { ...
2

Wie ersetzen Sie den status für eine andere mit ngClass

Ich habe gerne die zwei-Staaten-in auf NgClass. Wenn der status true ist, und Klasse Erfolg display-text 'Auf' Wenn es falsch ist-und Klasse-Warnung die display-text 'Off' aber wenn der status Fehler ist wahr , Klasse Gefahren, ich muss nur Anzeige n...
3

Wie richten Sie text mit Eckigen Fortschrittsbalken

Ich würde ausrichten einen text mit dem mat-progress-bar-Komponente. <div> <span class="text">{{ element.progress }}</span> <span> <mat-progress-bar mode="determinate" [value]="element.progress"></mat-progres...
1

Wie verwenden Sie Formular-control mit mat-radio-Gruppe?

EDIT: stackblitz.com/edit/angular-3g8bxf Ich habe einige Schwierigkeiten, meine form, um richtig zu arbeiten. Es scheint, dass das Formular-Steuerelement Zeilen die Maus über zwischen den radio-button Zeilen. Bitte können Sie mir helfen, dieses prob...
0

Einstellung default-Werte Mat-Wählen Sie bei Optionen abgerufen werden aus der API

Was ich erwarte Erstellen eine eckige form material mit mehreren Optionen. Beim ersten kommen auf die Seite. Es ist ein Aufruf einer api zum laden von Daten in das Formular ein. Also die form sollte Werte bereits voreingestellt Werte. Was passiert I...
0

Mat Datepicker und Ngx-Bootstrap-datepicker beide nicht arbeiten Mat-Dialog-Steuerung

Ich will einen datepicker in einem mat-dialog, den ich verwende. Aber auf den Kalender nicht öffnen mit beiden ngx-Bootstrap-Datepicker und Eckig Material Datepicker. Diese beiden Steuerelemente funktionieren auf anderen Komponente, die nicht als Di...
0

Eckige NgbDatepicker mobile Ausgabe

Ich habe ein seltsames Problem in einem Projekt mit NgbDatepicker. Nach der Größenänderung der Kalender auf mobile Ansicht: ich habe ein Datum ausgewählt, ich klicke auf einen anderen Tag und halten Sie die Maustaste. Ziehen Sie mit der Maus (gedrü...
2

Material-Dialog afterOpened vs AfterViewInit. Ist es sicher, dass Sie Ihren Zugang Dialogfeld Daten in AfterViewInit?

Ich öffnen-dialog in einem standard-Weg: this.dialogRef = this.dialog.open(DialogComponent, { width: '90vw', height: '85vh', .... Und in DialogComponent ich Zugang Dialogfeld Daten in ngAfterViewInit: constructor( public d...
1

Tabelle erweitern auf das icon klicken

Ich will nur klicken Sie auf den Pfeil-Symbol (expand_more) zu erweitern, nicht die ganze Zeile Code auf eckig material Seite: https://stackblitz.com/angular/oyybnyopyemm?file=app%2Ftable-expandable-rows-example.ts mein HTML <ng-container m...
0

Eckig Material Flexbox

Nach dem Versuch alle Arten von flexbox Ansätze, die ich brauchen, um Führung bitten. Ich habe zu produzieren ein Komplexes layout für desktop und mobile. Aber auch das mobile-layout ändern muss, und ich möchte beginnen mit, dass. Hier ist das erste...
0

Wie kann ich eine Cursor-Pfeil (wie im popover) zu Eckig Material-Dialog?

Ich bin nach all den Lösungen, die vorgeschlagen, von diesem post Aber ich bin nicht in der Lage, zum hinzufügen von bootstrap ist popover Pfeil auf dem modal Hier ist die Stackblitz des Problems (Minimale, Vollständige und Überprüfbare Beispiel.) ...
1

Wie kann ich Bilder / Sterne in einem Material, Eckige Form

Ich habe ein Formular, das zeigt die Bewertung in form der Sterne-Bilder, meine back-end speichert es als Zahl im string-format. So, während ich am spielen arround Frage ich mich, was das beste material input wäre dies zu erreichen. Ich habe diese so...
0

Aria-live vs Eckig-material der live-Sprecher, welche eine bessere Kompatibilität und performance

Ich arbeite gerade an einem thumbnail-Komponente und Notwendigkeit zu verkünden, jeder Miniaturansicht werden der Inhalt. Hier sind zwei Optionen 1) verwenden Sie [attr.aria-live]="polite" oder verwenden Sie eckig material a11y-Modul. Nicht sicher, o...
1

Hochladen von Zip-Datei-Fehler auf die Ausführung der Winkel-Code

Ich bin mit dem unten Typescript-Datei für das hochladen der Zip-Datei: fileUploader(event:Event):void{ const target = event.target as HTMLTextAreaElement; this.fileInfo= target.files[0]; } onNoClick(): void { this.dialogRef.close({locati...