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.

Eigenschaft nicht vorhanden ist auf dem Typ '{}' in Angular2

Anzahl der Antworten 3 Antworten
Habe ich die Daten über http-Aufruf. Aber, ich habe oben zeigen Fehler in der Kompilierung. Benutzer.Komponente.ts this._user.saveUsers(model).then(data => { if(data.success==true){ this.router.navigate(['/user/list']); }else{ console.log("data") } }); Hinweis: mein Objekt ist dynamisch. kommt auf meine http-Aufruf Fehler: app/users/Benutzer.Komponente.ts(33,21): Fehler

TypeError: selbst.Kontext.newUser ist nicht definiert, auf Angular2

Anzahl der Antworten 2 Antworten
Wenn ich versuche, um eine Eingabe eingereicht, die auf der Vorlage bekomme ich diese errr TypeError: self.context.newUser is undefined dies ist die Komponente import { Component } from '@angular/core'; import { OnInit } from '@angular/core'; import {

Wie center vertikal mit Winkel-Flex-Layout?

Anzahl der Antworten 3 Antworten
Ich habe eine einfache login-Komponente und ich würde gerne vertikal-center, aber ich bin mir nicht sicher, wie das zu erreichen ist die Verwendung der Winkel-Flex-Layout-Bibliothek. app.component.html <router-outlet></router-outlet> login.component.html <div fxLayout fxLayoutAlign="center center"> <mat-card fxFlex="30%"> <mat-card-title>Login</mat-card-title> <mat-card-content fxLayout="column">

Pass parameter Winkel 4 Richtlinie über den Eingang

Anzahl der Antworten 3 Antworten
Ich habe ein input-text-Feld wie dieses <input type="text" class="form-control" [inputTextFilter]="A" [ngModel]="name"> und meine Richtlinie ist: import { Directive, Input, HostListener } from '@angular/core'; @Directive({ selector: '[inputTextFilter]' }) export class InputTextFilterDirective { @Input('inputTextFilter') params: string; @HostListener('keypress', ['$event']) onKeyUp(event:

PrimeNG Daten-Tabelle nicht anzeigen in Winkel-2

Anzahl der Antworten 1 Antworten
Ich versuche, die Anzeige einer grundlegenden Daten-Tabelle, aber kann nicht scheinen, um es zu arbeiten, obwohl ich gelesen habe, durch die Dokumentation. Ich bekomme keine Fehler-Konsole, der Tisch gerade nicht angezeigt. Ich bin in der Lage, um

How to unit-test canActivate guard Methode der angular2 mit Jasmin?

Anzahl der Antworten 2 Antworten
Sorry für die Frage diese Art von Frage. Aber ich bin nicht in der Lage zu finden, jeder blog-oder youtube-tutorials auf schreiben der canActivate guard-Datei testen. Noch in der offiziellen Dokumentation gibt es nichts erwähnt. jede Hilfe

Winkel 5 legen Sie Wert auf verschachtelte form-group form-array

Anzahl der Antworten 1 Antworten
mein Produkt-Objekt enthält ein array ist bereit, im client-Seite wie diese: public product =>> require: [{ id: 397, product_id: 51, item: "asdasdd" },{ id: 398, product_id: 51, item: "bbbbbb" }] für bestehende Daten Bearbeiten porpose ich möchte

Wie Sie programmgesteuert ändern Sie die Eingabe-Wert einer Komponente, die bereits gerendert (Winkel 2)

Anzahl der Antworten 1 Antworten
In meinem Winkel 2 app habe ich eine Komponente (mainComp), die anderen über <my-comp></my-comp> mein comp emittiert (auf auswählen /Klick) ist es Wert (dies ist eine benutzerdefinierte dropdown) über this.optionSelected.emit(currentOption == "Not described" ? null : currentOption);

Wie die Anzeige von verschachtelten Objekten und oder arrays in eckige 2

Anzahl der Antworten 1 Antworten
Ich bin immer json-Daten aus den back-end " (api). Und ich möchte, um dieses mit ngFor. Ich bekam eine Fehlermeldung wie: "kann Nicht finden einen unterscheiden sich die Unterstützung Objekt '[object]'" von der Konsole aus. später habe

Visual Studio-Code-debugging chrome, Haltepunkte wird nicht getroffen

Anzahl der Antworten 4 Antworten
Ich habe eine Angular2/Typoskript app ich bin in der Entwicklung in VSCode. Ich benutze Schluck zu bauen, die typescript-Dateien und gulp-sourcemap zum erstellen von map-Dateien. Anbringen/starten von chrome gut funktioniert nach etwas Herumprobieren mit der chrome-debug-Erweiterung für

AngularFire2, wie Sie Ihre eigenen benutzerdefinierten Taste anstelle der automatisch erzeugten

Anzahl der Antworten 7 Antworten
Momentan benutze ich: this.af.database.list('users').push(user); Wie kann ich den Schlüssel von dem Objekt, das vorgelegt wird, werden benutzerdefinierte. Also ich möchte in der Lage sein, die Knoten, die dieses Objekt auf die gleiche uid des angemeldeten Benutzers. Ich

Gibt es einen nutzen zu installieren d3.js über npm für Eckige 2 Typoskript-Projekt?

Anzahl der Antworten 1 Antworten
TL;DR: d3.js sollte installiert werden, die über npm, als sollten die Testungen. Akzeptierte Antwort hat details. Ich war neu in Eckigen wenn ich schrieb diese Frage. Die npm Prozess ist der standard: für Baum-schütteln, Paketverwaltung, Update usw

Winkel-2: Template-parsing-Fehler: Can ' T bind to 'ngModel' da ist es nicht eine bekannte Eigenschaft von 'Eingabe'

Anzahl der Antworten 2 Antworten
Bekam ich diese Meldung, wenn ich die zwei-Wege-Bindung [(ngModel)] Template parse errors: Can't bind to 'ngModel' since it isn't a known property of 'input'. Verstehe ich, dass der Import der FormsModule wird angenommen, um dieses Problem zu

Typoskript - Objekt ist eventuell 'null'

Anzahl der Antworten 4 Antworten
Ich bekomme diese Fehlermeldung für die folgenden, aber das Programm läuft perfekt var video = document.querySelector('#camera-stream'), if(!navigator.getMedia){ displayErrorMessage("Your browser doesn't have support for the navigator.getUserMedia interface."); } else{ //Request the camera. navigator.getMedia( { video: true }, //Success

Daten, Pfad, "" sollten Sie NICHT über zusätzliche Eigenschaften(dryRun)

Anzahl der Antworten 6 Antworten
Installierte ich die Letzte Eckige 6.0.4 MAC, wenn ich im terminal: ng new happiness display: Schematic input does not validate against the Schema: {"dryRun":false,"version":"6.0.4","skipGit":false,"skipInstall":false,"linkCli":false,"commit":true,"newProjectRoot":"projects","inlineStyle":false,"inlineTemplate":false,"routing":false,"prefix":"app","style":"css","skipTests":false} Errors:Data path "" should NOT have additional properties(dryRun). Jemand mir sagen kann? Vielen

Angular2: Exception "Kein Anbieter für t!", beim erstellen einer form

Anzahl der Antworten 1 Antworten
<div id="my-form" class="form-inline"> <div class="form-group"> <input type="text" [(ngModel)]="name" ngControl="name" #n="ngForm" required> <div [hidden]="n.valid" class="alert alert-danger"> Value is required </div> </div> </div> Bekomme ich die folgende (weniger als hilfreich) Fehler mit alpha.52: AUSNAHME: Kein Anbieter für t! (t->

Winkel 2 Router: mehrere Parameter der route

Anzahl der Antworten 1 Antworten
Ich will eine route mit dieser url /collections/:collectionId/books/:bookId/:title z.B. /collections/10/books/456678/my-book.html in meinem app-routing.- Modul.ts-Datei {path: 'collections/:collectionId/books/:bookId/:title', component: BookDetailsComponent}, Ist möglich, ohne Verwendung von verschachtelten router outlets? Versuchte ich this.router.navigate(['/collections',{collectionId: 10, bookId: 456678, title: "my-book.html"}]); aber bekam eine

Angular 2.0 - konvertieren von Versprechen, die die Verkettung mit physikalischen Grössen

Anzahl der Antworten 2 Antworten
Bin ich mit der Konvertierung eines NG-1.X service-NG 2.0. Mein NG 1.X service hat Versprechen chaining (vereinfacht): dataService.search = function(searchExp) { return this.getAccessToken() .then(function(accesstoken) { var url = $interpolate('https://my-api-url?q={{search}}&{{accesstoken}}')({search: searchExp, accesstoken: accesstoken}); return $http({ url: url, method:

Cannot read property 'thisCompilation' undefined in Visual Code

Anzahl der Antworten 2 Antworten
Ich verwende die neueste version von Visual Studio-Code. Wenn ich den Befehl ausführen 'ng dienen' bekomme ich die folgende Fehlermeldung: Dieser code bezieht sich auf eine Reihe von Knoten und plugins, die ich aktualisiert hatte, nach einer

angular2 Eigenschaft geändert hat Fehler

Anzahl der Antworten 5 Antworten
Habe ich eine Richtlinie app.service.ts speichert die app Daten, und ich versuche, diese Anweisung zu verwenden, von anderen Komponenten, so kann ich bekommen und den Status der app (die funktioniert). aber es gibt mir diese Fehlermeldung, wenn

Winkel 2 ngModel ändern der select-box keine Aktualisierung der ausgewählten option

Anzahl der Antworten 1 Antworten
Ich kann oder auch nicht haben einen Fehler gefunden in den Winkel-2. Im Grunde, was ich versuche zu tun, ist erstellen Sie eine Liste der ausgewählten Elemente von Optionen, die ausgewählt aus einem select Feld und wenn

Bewegen Sie das Objekt von einem array zu einem anderen

Anzahl der Antworten 3 Antworten
ich habe ein Objekt, das eine der Eigenschaften ist ein array von Objekten, die Idee ist, bewegen Sie Objekte aus diesem array keine neuen ein, wenn eine Bedingung wahr ist. public $onInit(): void { this.getTicket(); } public

Anzeige Keine Einträge Gefunden im Winkel 2

Anzahl der Antworten 5 Antworten
Ich habe die Suche und Frage mich, ob es irgendeine Richtlinie zu helfen, die Anzeige "Keine Daten gefunden" in einer Tabelle, wenn die Tabelle leer ist, in den Winkel-2. Oder besser noch, kann ich diese Funktion in

npm WARNEN [email protected] erfordert ein peer von [email protected] - 3-aber keiner installiert ist

Anzahl der Antworten 4 Antworten
Habe ich versucht zu installieren bootstrap in meinem Angular Projekt npm install --g bootstrap aber ich erhalte folgende Warnung npm WARNEN [email protected] erfordert ein peer von [email protected] - 3, aber keines installiert ist. Sie müssen installieren Sie

Eckige 2 - Wie nennt man eine Funktion in einem Geschwister-Komponente?

Anzahl der Antworten 2 Antworten
Ich habe 2 Geschwister Komponenten, die miteinander kommunizieren müssen: <app-controls></app-controls> <app-main></app-main> app-Steuerelemente enthält Schaltflächen, müssen Sie zum auslösen von Ereignissen in der app-Haupt-Komponente. Gibt es eine Eckige 2 style-guide-konforme Art und Weise, dies zu tun? InformationsquelleAutor wesley.ireland

ErrorHandler in Angular2

Anzahl der Antworten 2 Antworten
Ich habe eine Frage über die neue Klasse ErrorHandler (war eingeschlossen, um die RC.6). Habe ich Beispiel aus der offiziellen Dokumentation: https://angular.io/docs/ts/latest/api/core/index/ErrorHandler-class.html import{ErrorHandler} from "@angular/core"; import{NgModule} from "@angular/core"; export class MyErrorHandler implements ErrorHandler { call(error: any, stackTrace:

Deaktivieren der Zwischenspeicherung von eine einzige Datei mit try_files Richtlinie

Anzahl der Antworten 6 Antworten
Ich bin servieren Eckig 2-Anwendung mit nginx verwenden Sie im Abschnitt Speicherort auf diese Weise: location /{ try_files $uri $uri//index.html =404; } try_files Richtlinie versucht, die angeforderten uri in das root-Verzeichnis und wenn Sie nicht finden, es

Winkel-2 reaktiven Formen - Leitungen einen Wert aus einer formControlName

Anzahl der Antworten 4 Antworten
Mit Winkel 2, habe ich einen parameter namens "Beispiel", das ist ein Date-Objekt. In der Vorlage möchte ich format "Beispiel" mit einem date-Rohr. So etwas wie dieses: <input type="text" [value]="example | date:'shortTime'"> //9:00 AM Jedoch, ich Winkel

Wie setValidators zu FormGroup nach seiner Initialisierung

Anzahl der Antworten 1 Antworten
Habe ich diese FormGroup defaultIdNumberValidator = [Validators.required, Validators.minLength(6), Validators.maxLength(11)]; this.registerForm = this.formBuilder.group({ permissions: this.formBuilder.group({ country: ['', [Validators.required]], identityNumber: [null, this.defaultIdNumberValidator], }, {validator: [this.validateId]}) }); und ich möchte zu löschen und hinzufügen von Prüfungen auf identityNumber abhängig von

Nicht finden können Modul '@FB/app-Typen/private " - FB wirft Fehler

Anzahl der Antworten 4 Antworten
Ich arbeite an der Anwendung mit angular und FB. Ich installierte FB mit den Anweisungen auf der Website und die Versionen wie folgt, "angularfire2": "^5.0.0-rc.4", "firebase": "^4.8.1", aber die folgende Fehlermeldung kommt FEHLER in node_modules/@FB/Datenbank/dist/esm/src/api/Datenbank.d....ts(4,33): Fehler TS2307:

Typoskript Typ-Definitionen für ServiceWorker

Anzahl der Antworten 4 Antworten
Schreibe ich einen service für meine eckige 2-app mit Typoskript. Der Dienst nutzt chrome ServiceWorker zu hören, für push-Benachrichtigungen (siehe tutorial). Der code (javascript) nutzt navigator erst sehen, wenn serviceWorker unterstützt wird, dann fährt Fort, um die

Bootstrap-Tabs Mit Den Eckigen 2-Anwendung

Anzahl der Antworten 2 Antworten
Hintergrund Ich habe mit ng2-tabs in meiner Anwendung, aber heute Abend, wenn ich versuche und ausführen bekomme ich Fehler, Klagen über einen Konflikt, der components. Selbst wenn ich entfernen Sie alle meine code und legen Sie ein

Renderer kann nicht verwendet werden im Dienst?

Anzahl der Antworten 2 Antworten
Ist es möglich, Renderer im Service oder einfach nur in der Komponente? Wenn ich Spritzen renderer in-service, den ich erhalten den Fehler, dass das Renderer-provider ist nicht vorhanden. Sehen plunker-Konsole: import {Injectable, Component, Renderer, ElementRef} from 'angular2/core';

Unit-Tests angular2 Komponente mit importierten Modul

Anzahl der Antworten 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

Anzahl der Antworten 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

Anzahl der Antworten 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

Anzahl der Antworten 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

Anzahl der Antworten 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

Anzahl der Antworten 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"

Anzahl der Antworten 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

Anzahl der Antworten 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

Anzahl der Antworten 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)

Anzahl der Antworten 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'

Anzahl der Antworten 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

Anzahl der Antworten 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

Anzahl der Antworten 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'

Anzahl der Antworten 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

Anzahl der Antworten 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

Anzahl der Antworten 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

Anzahl der Antworten 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