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.

Winkel-6 - Ausdruck hat sich verändert, nachdem es überprüft wurde

Anzahl der Antworten 4 Antworten
Ich bin neu zu eckig und zu vereinen versucht mit easyui eckig. Fand ich diese Fehlermeldung, wenn Sie versuchen zu öffnen/schließen-dialog: Fehler FEHLER: ExpressionChangedAfterItHasBeenCheckederror: Ausdruck geändert hat, nachdem es überprüft wurde. Vorheriger Wert: 'klass: l-btn f-inline-Zeilen-f-Inhalt-center l-btn-small

Winkel-Validierung Erforderlich nicht arbeiten

Anzahl der Antworten 4 Antworten
Einfachsten Beispiel überhaupt nicht funktioniert. Ich erzeugte eine Eckige 4-Anwendung mit der Winkelgeschwindigkeit CLI-v1.0.6, so verändert sich der Inhalt app.component.html zu: <form #form='ngForm' (ngSubmit)='submitForm(form.value)'> <input type='email' class='form-control' placeholder='E-mail' name='userEmail' ngModel required > <button type='submit'>Submit</button> </form> Und den

Warum sollten Objekte in der Redux unveränderlich sind?

Anzahl der Antworten 3 Antworten
Warum sollten Objekte in der Redux unveränderlich sind? Ich weiß, dass einige frameworks wie Angular2 verwenden onPush und Vorteil der Unveränderlichkeit zu vergleichen Staaten von Ansichten für schneller Rendern, aber ich Frage mich, ob es andere Gründe

Winkel-6: müssen Sie es importieren HttpClientModule in Ihrem AppModule

Anzahl der Antworten 1 Antworten
Bevor minusing, bitte beachten Sie, dass kein anderer Probleme gemeldet hat mir geholfen. Schaute durch das ganze stackoverflow zu diesem Thema. Dies ist in app.module.ts: import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core';

Ihr globaler Winkel-CLI-version größer ist als die lokale

Anzahl der Antworten 4 Antworten
ich habe installiert die neueste eckig-cli auf einem neuen Computer und ich bin versucht zu dienen, die ein Projekt erzeugt mit einer früheren cli-version bekam ich diese Warnung Your global Angular CLI version (1.6.4) is greater than

Wie push-to-Observable-Array in Eckigen 4? RxJS

Anzahl der Antworten 3 Antworten
Habe ich eine Immobilie auf meine service-Klasse als so: articles: Observable<Article>; Es ist bevölkert von einer getArticles () - Funktion mit der standard - http.get().map() Lösung. Wie kann ich manuell schieben Sie einen neuen Artikel in diesem

Konvertieren von Json-String zu json-Arrays in eckigen 6

Anzahl der Antworten 2 Antworten
Hallo ich umwandeln wollen, RestController Antwort ist in Json-String zu json-array ist hier mein json array sting, die ich ausgedruckt habe, in der Konsole. '{"Impressions":["Budget","CTR","Campaign","Campaign state","Clicks","Conv. rate"],"Clicks":["Budget","CTR","Campaign","Campaign state","Clicks","Conv. rate"],"Revenue":["Budget","CTR","Campaign","Campaign state","Clicks","Conv. rate"]}' Ich möchte konvertieren von json-array, so

karma TypeError "Cannot read property 'abonnieren' von undefined"

Anzahl der Antworten 1 Antworten
Beim Test einer einfachen Komponente, einen shared service, wird die folgende Fehlermeldung angezeigt, und ich kann nicht verwalten, damit es funktioniert, ich habe alles versucht! TypeError: Cannot read property 'abonnieren' undefined lr.Komponente.ts export class LrComponent implements OnDestroy

mithilfe von json-Objekten in URLSearchParams

Anzahl der Antworten 5 Antworten
Ist es möglich, irgendwie Anhängen json-Objekte auf eine URLSearchParams Objekt? Also statt: urlSearchParams.append('search', 'person'); es ist: urlSearchParams.append({search: "person"}); Meine Antwort mit freundlicher Genehmigung von Darshak Gajjar Antwort Können json-Objekte über diesen Weg: let test_this = [{"search": "person"},

Typumwandlung innerhalb einer Vorlage, im Winkel 2

Anzahl der Antworten 2 Antworten
Arbeite ich an einer Winkel-Projekt (Winkel 4.0.0) und ich habe Probleme die Bindung einer Eigenschaft einer abstrakten Klasse zu ngModel weil ich Erstens benötigen um Sie zu wirken, wie die konkrete Klasse es eigentlich ist, um auf

Eckig Material: Wie schließen Sie alle mat-Dialoge und süß-Warnungen auf logout

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

Kein Wert-accessor für das Formular-Steuerelement mit dem Namen: "

Anzahl der Antworten 2 Antworten
FEHLER Error: No value accessor für Formular-Steuerelement mit dem Namen: 'sNo' es ist nicht zu finden formCOntrolName in meine DOM Komponente Seite this.form = new FormGroup({ 'sNo': new FormControl, 'question': new FormControl, 'options': new FormGroup({ 'op': new

Angular2 Material2 <md-spinner - > nicht zeigen, aber funktioniert

Anzahl der Antworten 5 Antworten
Meine Vermutung ist, dass meine css nicht korrekt, aber leider kann ich nicht herausfinden. HTML: <div *ngIf="loading"> <md-progress-circle mode="indeterminate" color="warn">Loading...</md-progress-circle> </div> <md-list> <md-list-item *ngFor="let incident of incidents"> <h3 md-line> {{name}} </h3> <p md-line> <span>{{date}} > </span> <span>{{text}}</span>

Holen Sie sich nur das Datum im format 2018-02-28 in ionic 3

Anzahl der Antworten 4 Antworten
Bin ich mit dem aktuellen Datum () - Funktion in der neuesten version von angular. Ich bekomme es vollkommen richtig. Aber ich bin immer Datum und Uhrzeit angezeigt, wie unten dargestellt: today = new Date().toISOString(); console date:

Wickelunterlage-wählen Sie mit dem Pfeil-und-Matte-wählen Sie unterstreichen sich

Anzahl der Antworten 2 Antworten
Bisher habe ich versucht viele verschiedene Dinge, wie: /deep/ .mat-select:focus .mat-select-trigger .mat-select-arrow { color: #63961C; } /deep/ .mat-select:focus .mat-select-trigger .mat-select-underline { background-color: #63961C; } Oder : /deep/ .mat-select.mat-focused .mat-select-trigger .mat-select-arrow { color: #63961C; } /deep/ .mat-select.mat-focused .mat-select-trigger

Winkel 2 rxjs timeout callback

Anzahl der Antworten 1 Antworten
Will ich geben von feedback an den Benutzer, wenn ein timeout-Ereignis auf einem HTTP-Aufruf passiert. Habe ich versucht, dieses: return this._http .post(apiUrl + 'Search/Everything', params, {withCredentials: true, headers: this.headers}) .timeout(5000, this._feedbackService.error("Custom error message")) .map((response: Response) => response.json().data);

Winkel 5 FormArray

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

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';