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.
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
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
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
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';
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
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
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
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
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"},
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
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 &
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
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>
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:
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
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);
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
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
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 {
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">
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:
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
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
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
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);
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
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
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
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
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
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
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
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->
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
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:
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
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
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
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
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
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
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
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:
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
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
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
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:
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
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
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';