Tag: angular
Fragen zu Eckig, das web-framework von Google. Verwenden Sie dieses tag für Eckige Fragen, die nicht nur für eine bestimmte version. Für die älteren AngularJS (1.x) web-framework verwenden Sie die angularjs-tag.
Unit-Tests angular2 Komponente mit importierten Modul
3 Antworten
Ich versuche zu schreiben, einen test auf eine Komponente, die verwendet eckig-material2, aber wenn ich es in mein testModule Erklärungen ich erhalten: Error: Template parse errors: 'md-card-title' is not a known element: 1. If 'md-card-title' is an
Kann Nicht Instanziiert Werden DatePipe
2 Antworten
Ich versuche zum instanziieren einer DatePipe Objekt in meiner Angular2 app zu verwenden transform(...) - Funktion in einer Komponente, auf die ich entwickle. //... import { DatePipe } from '@angular/common'; @Component({...}) export class PanelComponent implements OnInit {
Wie laden signalr.js im webpack innen Winkel 2
3 Antworten
Bekomme ich immer die Meldung: $.hubConnection ist nicht eine Funktion Fehler: jQuery wurde nicht gefunden. Bitte stellen Sie sicher jQuery verwiesen wird, bevor der SignalR-JavaScript-client-Datei. tröstende out "$" und "jquery" ist undefined. Was muss ich tun, um
Wie zu entlassen Loader nach Daten bereit ist
3 Antworten
In meinem Ionic 2 app, ich habe eine Komponente, die verbraucht ein Dienst, welcher eine http GET zum abrufen von Daten ein. Meine Komponente ruft dann diesen Dienst, und wenn Daten verfügbar sind, setzt es aus und
Wie man mouseup außerhalb der Komponente im Winkel 2
4 Antworten
Ich habe eine abc Komponente (Teil der Seite). Es hat ein Ereignis mouseup. @Component({ selector: 'abc-component' }) @View({ <div (mousedown)="mouseDown()" (mouseup)="mouseUp()"></div> }) export class ScheduleComponent { mouseDown(){ //doSomthing } mouseUp(){} } Aber das mouseup-Ereignis nur ausgelöst, wenn
So importieren Sie highcharts-mehr
4 Antworten
Möchte ich die spiderweb-Diagramm von highcharts, die verlangt, dass ich auf import-highcharts-mehr, aber ich kann nicht herausfinden, wie das zu tun. Derzeit ist dies, wie ich Hinzugefügt habe, highcharts zu meinem Projekt, von app.module.ts: import { ChartModule
Wie um zu dienen statische Verzeichnis von "ng dienen"
2 Antworten
Kann ich Fragen, ob es eine ähnliche config für webpack dev-server-config so: devServer : { historyApiFallback : true, stats : 'minimal', contentBase: helpers.root('../src/static'), } Will ich dienen statische Dateien aus statischen Verzeichnis wie das webpack dev-server ist
Winkel 5 canActivate Umleitung zu login über browser aktualisieren
1 Antworten
Winkel-5-Authentifizierung-app mit angularfire2 und FB. Die app funktioniert gut, die Navigation mittels in-app-links z.B. Umleitung zum dashboard nach dem login oder den link zu einer anderen Seite (Komponente), über eine Schaltfläche/link in der app. Jedoch, wenn auf
Typoskript: kann Nicht Lesen-Eigenschaft 'toLowerCase' undefined
3 Antworten
Ich bin immer diese Fehlermeldung auf Zeile: return filter ? value.filter(element => element.type.toLowerCase().indexOf(filter.toString().toLowerCase()) != -1) : value; wenn element.Typ leere Zeichenkette (Filterung leere Spalte). Wie man dieses Problem beheben? InformationsquelleAutor playerone | 2017-03-01
Döner-Fall in eckige 2-Selektoren (tslint)
1 Antworten
Dies ist mein tslint.json Datei: { "rulesDirectory": [ "node_modules/codelyzer" ], "rules": { "class-name": true, "comment-format": [ true, "check-space" ], "curly": true, "eofline": true, "forin": false, "indent": [ true, "spaces" ], "label-position": true, "label-undefined": true, "max-line-length": [ true,
rxjs 6 Eigentums "' existiert nicht auf Typ 'typeof Beobachtbaren'
1 Antworten
Nur verschoben von rxjs 5/Winkel 5 zu rxjs 6/Winkel-6, ging durch diese migration-guide. Kann nicht scheinen, um herauszufinden, was es sein sollte nun, jede Hilfe zu schätzen. import { Observable, of } from 'rxjs'; [ts] 'of' is
Typoskript: Wie definiere ich eine statische array von strings in meinem Richtlinie
1 Antworten
Habe ich eine Richtlinie für eine colorpicker-widget. Derzeit habe ich definiert ein array von Farben, die in den Anwendungsbereich direkt als scope.colorList wie im code gezeigt unten. Gemäß der Kommentare, die ich bekam,möchte ich erklären, ein statisches
Ionischen 2 : Radio-button in form, standardmäßig aktiviert
2 Antworten
Ich versuche zum erstellen einer dynamischen form in mein Projekt und ich habe einige radio-button. Ich möchte, um zu überprüfen, einer von Ihnen standardmäßig. Ich versuchte dies : <input *ngIf="fieldForm.value.type == 'date'" type="date" formControlName="field"> <div *ngIf="fieldForm.value.type ==
Fehler beim festlegen der 'value' - Eigenschaft auf 'HTMLInputElement'
2 Antworten
Wenn ich versuche zu ordnen, meine blob-Datei zu einem File-Objekt, es gibt mir die folgende Fehlermeldung: Kern.js:1448 FEHLER Error: Uncaught (bei Versprechen): InvalidStateError: Fehler beim festlegen der 'value' - Eigenschaft auf 'HTMLInputElement': Dieser Eingang element einen Dateinamen
Gewusst wie: aktualisieren Sie html-element nach dem ändern element
1 Antworten
Habe ich versucht zu drucken, nachdem ändern von html-element, aber das element nicht verändert wurde. (Angular2) Dieser source-code ist vereinfacht ein. <div *ngIf="displayType === 'screen'"> <div>This is Screen</div> </div> <div *ngIf="displayType === 'print'"> <div>This is Print</div> </div>
Winkel-warten Sie Versprechen, Sie zu beheben, bevor Sie fortfahren
1 Antworten
Meine folgende code ist Teil der Validierung Teil des Projekts. Der Zweck dieses code ist zu prüfen, ob ein Wert vorhanden ist, in einer Verweistabelle. Wenn nicht vorhanden, dann auf ok, um fortzufahren. Wenn nicht, werfen Fehler
Konfigurieren von karma so Typoskript Quelldateien wäre debugfähiger
2 Antworten
Habe ich heruntergeladen ein Saatgut-Projekt Angular2 Webpack Starter und habe es bis und läuft ohne ein Problem. Eine Unannehmlichkeit, die ich mit ihm habe, ist das debugging von source-Dateien unter unit-tests. Alle *.spec.ts Dateien geladen werden, in
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({
Publishing Eckig 2-Anwendung (deployment)
2 Antworten
Schließlich beendete ich das harte Teil meines eckig 2-Anwendung, und ich möchte es sehen live auf dem server. Ich habe Linux web-hosting-ich bin hosting-PHP & SQL-websites und ich Frage mich, wie kann ich host den Winkel-2 app,
Nicht finden können, das Modul Angular2 Typoskript
1 Antworten
Meine vscode zeigt Fehler in der Zeile Nicht finden können, das Modul und highlights CreateTaskComponent Linie app.- Modul.ts Mein code app.- Modul.ts import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { AppComponent
wie kombinieren angular2 mit jinja2 Vorlagen und Kolben
2 Antworten
Ich bin erste Schritte auf dem Eckigen 2 nach viel Erfolg mit Angular 1. Ich folgte sowohl die Quickstart und die Tour der Helden tutorials und alles funktioniert wie ein Charme. Den lite server gekickt wird ausgeschaltet,
Winkel-2: übergabe von Wert aus Attribut-Richtlinie als Komponente variable
2 Antworten
Also ich habe ein Attribut Richtlinie appGetCurrency hier: <md-select appGetCurrency [(ngModel)]="value" placeholder="Currency" name="currency"> <md-option *ngFor="let c of currencyList" [value]="c.code">{{c.dsc}}</md-option> </md-select> Möchte ich, dass die appGetCurrency Richtlinie einige Werte, um die currencyList um die Liste der Optionen. BEARBEITEN
eckige 2 - Wie man HTMLElement / ElementRef der Kind-Komponente, die template Referenz-variable?
1 Antworten
Ich versuche zu bekommen-element der untergeordneten Komponente über ViewChild aber kann nicht einen Weg finden, dies zu erreichen. Sagen wir mal in Vorlage: ... <some-comp #someComp></some-comp> ... und immer dieser Verweis von: import { SomeComponent } from
Eckige 2-Google Map mit Mehreren Markern
2 Antworten
Ich bin derzeit an der Entwicklung einer Angular2 Projekt, das über Google-Maps. Ich versuche, die Anzeige der Marker und mehrere Marker in der Umgebung. Ich hab die Karte funktioniert, aber kann nicht scheinen, um zu Markierung. <div
Warum ngFor nicht aktualisiert, wenn neben der array kommt aus einer anderen Komponente?
3 Antworten
Ich habe dies für einige Zeit, viele Artikel, die Dokumentation, viel Versuch und Irrtum, aber ich glaube, ich bin fehlt etwas core. Eigentlich bin ich versucht, zu erstellen eine erweiterbare navigation-Komponente, die andere Komponenten können Elemente hinzufügen,
ng2-datepicker-mit-format-option und ngModel Rückkehr [object object]
2 Antworten
Ich versuche, die ng2-datepicker für die Wahl eines Datums und danach die Anzeige auf einem Tisch. Ich habe das Problem, dass die Bindung zu meinem gewählten Datum nicht funktioniert. Ich denke, dass es hat etwas zu tun
Angular2 behalten vertrauliche Informationen nach browser refresh
4 Antworten
Meine login-action gibt Informationen über den eingeloggten Benutzer, wenn Sie sind admin oder nicht, sagen (isAdmin: true) ich kann diese information zwischen der Komponente bis ein browser-refresh oder eine ähnliche Aktion. Aber ich verliere diese Informationen nach
Winkel 6 i18n-runtime-übersetzung-Unterstützung
2 Antworten
Habe ich gelesen i18n-runtime-Unterstützung kommt in Winkel-6, kann aber nicht finden, alles, was in rc3. Ist es verschoben oder noch nicht dokumentiert? Die i18n-Dokumentation Staaten noch als ein müssen, erstellen Sie eine separate build für jede Sprache.
Eckige 2 - Wie export von html zu pdf?
3 Antworten
Wie mache ich einen download-button für das speichern von HTML-div-Inhalt als PDF-Datei in meinem angular2 Projekt? Dies ist der HTML-Inhalt <div id="obrz"> <br><br> <p class="float-right font-weight-bold">Образац ЗПО</p> <br> <p class="float-left font-weight-bold">Подаци о обвезнику:</p> <br> <div class="row" style="width:100%">
Bind click-Ereignis von der Klasse in den Winkel-2
2 Antworten
Sagen wir, ich habe die folgende Vorlage: <ul> <li id="1" class="selectModal">First</li> <li id="2" class="selectModal">Second</li> <li id="2" class="selectModal">Third</li> </ul> Wie kann ich binden ein click-Ereignis von der Klasse in TypeScript, so dass, wenn ein li-element geklickt wird, bekomme
ändern Sie die Funktion auf md-select funktioniert nicht? angular2
2 Antworten
Dies ist die html: <md-select placeholder="Veileder {{i+1}}" (change)="updateSupervisorList(i)"> <md-option *ngFor="let supervisor of displayedsupervisorList" >{{supervisor}}</md-option> </md-select> Dies ist die Methode in der .ts-Datei (displayedsupervisorList ein string mit Namen) updateSupervisorList(i: number){ console.log("updatesupervisorlist"); this.displayedsupervisorList.splice(i,1); } Wenn ich eine option wählen,
Eckige 2 - Interpolation und-Bindung mit asynchronen http-request
2 Antworten
Ich bin neu Eckig 2 und ich bin mit einem problem konfrontiert, mit asynchronen http-request und-Bindung mit interpolation. Hier meine Komponente: @Component({ selector: 'info', template: `<h1>{{model.Name}}</h1>` }) export class InfoComponent implements OnInit { model: any; constructor( private
Angular2 / Fehler: Auflistung nicht gefunden
4 Antworten
Ich bin ganz neu Angular2 und versuchte, eine Todo-app. Hier ist meine Datei-Struktur: Meine todo.service.ts code (in gemeinsamen Ordner) import { Injectable } from '@angular/core'; import { Http, Headers } from '@angular/http'; import 'rxjs/add/operator/toPromise'; import { ITodo
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
Generieren von E-Mail-Links mit der String-Interpolation im Winkel 2
1 Antworten
In meinem Winkel 2 app bin ich mit dem md-Menü und md-Symbol-Taste, um ein pop-up mit einer E-Mail-Adresse. Ich würde gerne die E-Mail-Adresse, öffnet sich tatsächlich auslösen der Benutzer die Standard-E-Mail-setup, wenn darauf geklickt wurde. Da bin
So Laden Sie mehrere angular2 Komponenten aus verschiedenen Ordnern in einem index.html Datei?
1 Antworten
Entwickelt ich paar eckige 2-Komponenten. die Verzeichnisstruktur für meine Anwendung ist folgende. und ich bin das laden jeder Komponente index.html als <script> System.config({ map: { 'rxjs': 'node_modules/rxjs' }, packages: { app: { format: 'register', defaultExtension: 'js' },
Winkel-6+ :ProvidedIn ein nicht-root-Modul verursacht eine zirkuläre Abhängigkeit
4 Antworten
Ich bin versucht, einen zu lösen-service über die neue providedIn Attribut. Dies ist eine übersetzungen resolver, welches ich in einem geschützten Modul: JS: import { Injectable } from '@angular/core'; import { Observable , pipe } from 'rxjs';
Access-Daten-Attribut-Wert, im Winkel 2
1 Antworten
Ich habe ein Formular mit einer id : <form id="dummyForm"> <input type="text"> <input type="submit" value="click me"> </form> und ein div mit data-Attribut, welches Formular id : <div attr.data-form-id="dummyForm" (click)=hideForm()>Click to hide</div> wie bekomme ich die data-form-id Wert
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 zu Konsumieren-Http-Komponente effizient in einen Dienst in eckigen 2 beta?
2 Antworten
Ich versuche zu spielen, mit Eckig 2-beta und ich will arbeiten mit Http Komponente. Aber es ist ein ernstes problem hier: Lese ich diese und Ich weiß, im Winkel 2(im Gegensatz zu den Winkel-1), Http Komponente ist
Angular2 Animation beim Laden und Page Transition
2 Antworten
Derzeit zu versuchen, einige Animationen in meinem Angular2 Website mit ng2 ist gebaut animations Komponente. So weit ich habe durch den Winkel-2 Developer Guide - Animations in der Dokumentation. Mit, dass, obwohl ich habe ein paar Fragen,
Was bedeutet " @ " - Zeichen bedeutet in der "import { Component } von '@eckig/core";" - Anweisung?
3 Antworten
Bin ich beim Lesen Eckige 2 "5 Min Schnellstart" - und es ist so eine Zeile: import { Component } from '@angular/core';" Ich nicht herausfinden können, was bedeutet @ - symbol machen, die importieren? Typoskript docs auch
Eckige FormGroup nicht update es Wert ist, sofort nach patchValue oder setValue
1 Antworten
Habe ich ein Formular wie folgt: createForm() { this.procedimentoForm = this.formBuilder.group({ nome: ['', Validators.required], descricao: ['', Validators.required], conteudo: ['', Validators.required], solucao: ['', Validators.required], mesa: ['', Validators.required] }); } Vorlage: <form [formGroup]="procedimentoForm" class="ui form"> {{procedimentoForm.value.conteudo}} <div class="field"> <label>Descrição</label>
ionic-3 Winkel-Ionen-slide vertical align top
1 Antworten
Bin ich mit dem ionic-3 ion-slides und ion-slide. Das Problem, das ich bin vor ist der Inhalt in der Mitte und ich will, dass es oben ausgerichtet. Code sieht wie folgt aus: <ion-content padding> <ion-slides pager> <ion-slide
Deaktivieren Sie einen link in eckige 2+
3 Antworten
Ich bin versucht zu deaktivieren Sie einen link, bis ein API-Aufruf in Eckige 6. Ich will den link deaktiviert werden, bis die getSelectedDealer () - API zurückgegeben wird. <menu-link *ngIf="perms.has(perms.TOP_OFFERS) && _dealerPersistenceService.getSelectedDealer()" route="/dynamic-journeys/{{getDealerId()}}/vehicles"> <menu-item><img src="/assets/menu-icons/top-offers.svg">Dynamic Journeys</menu-item> </menu-link>
Winkel - Can ' T bind to 'ngValue' da ist es nicht eine bekannte Eigenschaft der "mat-option'
3 Antworten
Ich bin mit Winkel-5 und ich bin immer in der Konsole error: Nicht binden 'ngValue' da ist es nicht eine bekannte Eigenschaft von "mat-option' Mein template sieht wie folgt aus: <mat-select placeholder="Select Book" name="patient" [(ngModel)]="selectedBook"> <mat-option *ngFor="let
Winkel 4 POST auf die MYSQL-Datenbank Mit PHP
1 Antworten
Ich habe die Suche nach zwei Wochen die Antwort auf meine Frage, was ich fühlen sollte relativ einfach, aber ich habe nicht mit den richtigen keywords. Ich weiß, Eckig front-end-framework und ich kann verwenden, was Datenbank-und backend
Ich bin immer "Eigenschaft ""router" gibt es nicht in Typ 'SigninComponent'.", während Sie diese.router.navigieren (['dashboard']); im Winkel 4
3 Antworten
Ich habe import : import { RouterModule, Routes} from '@angular/router'; dann benutzt habe ich folgende Zeile in meiner Funktion innerhalb der Komponente this.router.navigate(['/dashboard']); InformationsquelleAutor Prateek Jadhav | 2017-07-03
Fehler TS2339: Eigenschaft "Verbindung" existiert nicht auf Typ "Navigator"
3 Antworten
sehr einfache Frage, Ich versuche ang-2 und Ionischen 2. Verwendet folgenden code - Haupt-Datei - ///<reference path="../../../node_modules/@angular/platform-browser/src/browser.d.ts" /> import {Component} from '@angular/core'; import {Platform} from 'ionic-angular'; import {NavController} from 'ionic-angular'; import {Network} from 'ionic-native' @Component({ templateUrl: 'build/pages/items-map/items-map.html'
HostListener zu analysieren, Kombination Taste drücken
2 Antworten
Ich versuche zu verfolgen, wenn ein Benutzer drückt Umschalt+Tab Kombination Schlüssel mit Hilfe von Tastatur, aber ich bin nicht in der Lage, um das Feuer, das Ereignis @HostListener('keyup', ['$event']) @HostListener('keydown', ['$event']) onkeyup(event) { if (event.keyCode == 16