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.
Verwendet Angular 2 Shadow DOM oder ein virtuelles DOM?
1 Antworten
Was bedeutet die Eckige 2 verwenden Sie zum aktualisieren der DOM. Ist es Shadow DOM oder Virtuellen DOM ? Gab es einen solchen Begriff im Winkel 1? InformationsquelleAutor der Frage Shivanka | 2016-09-28
Wie funktioniert ngSwitch in Angular2?
4 Antworten
Ich versuche, mit ngSwitch als in diesem Beispiel aber ich bekomme eine Fehlermeldung: Meine Komponente: template: ` <div layout="column" layout-align="center center"> <div [ng-switch]="value"> <div *ng-switch-when="'init'"> <button md-raised-button class="md-raised md-primary">User</button> <button md-raised-button class="md-raised md-primary">Non user</button> </div> <div *ng-switch-when="0">Second
Übergeben mehrerer Routenparameter in Angular2
3 Antworten
Ist es möglich, übergeben Sie mehrere Routen params z.B. wie unten übergeben müssen id1 und id2 zu den component B @RouteConfig([ {path: '/component/:id :id2',name: 'MyCompB', component:MyCompB } ]) export class MyCompA { onClick(){ this._router.navigate( ['MyCompB', {id: "someId",
Angular2 - Wie man ein Fenster in einen angular2-Dienst einfügt
16 Antworten
Schreibe ich eine Angular2 service im Typoskript, die machen Verwendung von localstorage. Und ich will Spritzen Sie einen Verweis auf das browser-Fenster ein Objekt in meinen Dienst, da will ich nicht auf irgendwelche globalen Variablen. Wie Winkel-1.x
Was ist der beste Weg, um eine globale Variable in Angular 2 / Typescript zu deklarieren
10 Antworten
Ich würde gerne einige Variablen zugänglich sein, überall in eine Angular 2 im Typescript Sprache. Was ist der beste Weg, dies zu tun? InformationsquelleAutor der Frage supercobra | 2016-03-22
Übergeben eines Zeichenfolgenwerts an eine Komponente in angular2
3 Antworten
Möchte ich übergeben Sie einen string-Wert in einer Komponente in angular2, aber es funktioniert nicht mit der Standard verbindlich. Ich denke da an etwas ähnliches wie das hier: <component [inputField]="string"></component> Leider nur Ausdrücke erlaubt sind auf der
Angular: Kann kein unterstützendes Objekt '[Objekt Objekt]' finden
2 Antworten
Im folgenden dieses tutorial. Auf dem Weg zum abrufen der Liste der Benutzer-api.github Im immer Fehler: Nicht finden kann, unterscheiden sich die Unterstützung Objekt '[object]' Ich denke, dass seine im Zusammenhang mit <ul> <li *ngFor = "#user
Angular 2 Template als Parameter für die Komponente
4 Antworten
Meine vereinfachte Ziel ist der Aufbau einer Komponente, die eine Liste mit item-template. E. g.: <list>item</list> Hier ist mein code: import {bootstrap} from 'angular2/platform/browser'; import {Component} from 'angular2/core'; @Component({ selector: 'list', template: ` <ul> <li *ngFor="let i
Wie gibt man einen Wert von der Funktion zurück, die ein beobachtbares Abonnement enthält?
4 Antworten
Ich nicht wissen, wie zu extrahieren Wert aus Beobachtbaren Rückgabe der Funktion, in der Beobachtbaren vorhanden ist. Ich benötige nur einen Wert aus, um zurückgegeben werden, sonst nichts. Aktuelle version die funktioniert function getValueFromObservable() { this.store.subscribe( (data:any)
Angular 2 Schnellstart 404 GET /app/main.js
20 Antworten
Ich versuche die Schnellstart-Eckig 2, aber ich bekomme nicht, dass es funktioniert. Ich habe festgestellt, einige ähnliche Fragen, aber ich habe nicht die Antwort zu finden. Wer kann mir helfen? Dies ist mein code. app.Komponente.ts import {Component}
So importieren Sie CSS aus node_modules in der webpack angular2 App
3 Antworten
Sagen wir, wir beginnen mit der folgenden starter-pack: https://github.com/angularclass/angular2-webpack-starter Nach npm install und npm run start funktioniert alles einwandfrei. Ich möchte hinzufügen eines externen css-Modul, zum Beispiel bootstrap 4 css (und nur die css). (Ich weiß, dass
Dynamischer routerLink-Wert von ngFor Item, das den Fehler "Interpolation ({{}}" erhalten hat, wo der Ausdruck erwartet wurde "
4 Antworten
Ich versuche die routerLink Wert in einer Richtlinie auf der Grundlage einer dynamischen Zusammenstellung von items aus der Komponente. Aber es wird ein Fehler ausgelöst wird, von Angular2: EXCEPTION: Template parse errors: Parser Error: Got interpolation ({{}})
Was sind Alternativen zu ExtJS?
1 Antworten
Also was ich Suche ist ein javascript-framework, das ich benutzen kann, dass hat mehrere UI-Steuerelemente. Ich habe einen Blick auf jQuery aber diese Steuerelemente sind sehr einfach im Vergleich zu ExtJS. Gibt es andere günstige alternativen? Diese
Angular2 IE11 Die Eigenschaft "apply" von undefinierter oder Null-Referenz kann nicht abgerufen werden
11 Antworten
Ich erhalte die folgende Fehlermeldung nach der Aktualisierung meiner angular2-Pakete für die folgenden Versionen: @Winkel/common": "^2.3.1 @eckig/compiler": "^2.3.1 @eckig/core": "^2.3.1 @Winkel/Formulare": "^2.3.1 @eckig/http": "^2.3.1 @Winkel - /Plattform-browser": "^2.3.1" @Winkel - /Plattform-browser-dynamische": "^2.3.1 @Winkel - /Plattform-server": "^2.3.1 @eckig/router":
Angular2 abonniert Änderungen an @Input in der untergeordneten Komponente
3 Antworten
Habe ich eine übergeordnete und eine untergeordnete Komponente. Übergeordnete Komponente hat index auf und übergibt diese über die Kind-Komponente als @Input. Diese index Wert ständig änderungen in der übergeordneten Komponente, und in meinem Kind Komponente, ich möchte,
Angular 2 Feature Modul Routing-Beispiel
2 Antworten
Soweit Eckige 2-routing geht, bin ich meistens in der Lage, Beispiele für das Szenario, in dem es genau eine routing-Datei, die für die gesamte Anwendung. Ich würde gerne sehen, ein Beispiel für die Verwendung nicht nur eine
So benennen Sie eine Komponente in Angular CLI um
4 Antworten
gibt es eine Tastenkombination zum umbenennen einer Komponente in Eckigen CLI anderen als manuell Bearbeiten Sie die Komponente-Dateien wie Ordner, Namen, css, ts, spec.ts und app.- Modul.ts? InformationsquelleAutor der Frage Thomas Easo | 2017-09-25
Angular2 + Jspm.io: reflect-metadata shim ist erforderlich, wenn Klassen-Dekoratoren verwendet werden
3 Antworten
Ich habe Folgendes problem mit dem unten Versionen von JSPM mit Angular2 und SystemJS (Versionen: [email protected] mit [email protected] und [email protected]), Dass, sobald die typescript kompiliert (ohne Fehler) bekomme ich die folgende Fehlermeldung im browser: /jspm_packages/npm/[email protected]/src/util/decorators.js:70 Uncaught reflect-metadata
Invert Angular 2 * ngFor
7 Antworten
<li *ngFor="#user of users "> {{ user.name }} is {{ user.age }} years old. </li> Ist es möglich, zum umkehren der ngFor, dass die Elemente Hinzugefügt werden bottom-up? InformationsquelleAutor der Frage daniel | 2016-02-29
Unit-Test Klickereignis in Angular
4 Antworten
Ich versuche zum hinzufügen von unit-tests, um meine Winkel 2 app. In einer meiner Komponenten gibt es eine Schaltfläche mit einem (click) handler. Wenn der Benutzer auf die Schaltfläche klickt, wird eine Funktion aufgerufen, die definiert ist,
Meine angular 2 App braucht viel Zeit, um sie zum ersten Mal zu laden, ich brauche Hilfe, um sie zu beschleunigen
4 Antworten
Unten habe ich eingefügt in meine app.ts-Datei. Ich bin mit angular2, mit FB und Typoskript. Ist der Grund dafür, dass es langsam, weil ich eine Menge von Strecken und ich bin Einspritzen einer Menge von Dateien? Auch,
Angular2 http.get (), map (), subscribe () und beobachtbares Muster - Grundverständnis
3 Antworten
Nun, ich habe die erste Seite, wo ich drei links. Sobald Sie klicken Sie auf die Letzte "friends" - link, geeignete Freunde Komponente wird eingeleitet. Dort, Ich möchte zu Holen/get Liste meiner Freunde strored zu Freunden.json-Datei. Bis
Richtiger Weg DomSanitizer für Komponenten mit Angular 2 RC6 bereitstellen
3 Antworten
Ich bin versucht, DomSanitizer zu bereinigen, eine dynamische URL in eine Komponente, die ich kann nicht scheinen, um herauszufinden, was die richtige Methode zu geben, ein Anbieter für diesen service ist. Ich bin mit Winkel-2.0.0-rc.6 Hier meine
Angular 2 - Routing - CanActivate Arbeit mit Observable
8 Antworten
Ich habe eine AuthGuard (für das routing), die CanActivate. canActivate() { return this.loginService.isLoggedIn(); } Mein problem ist, dass die CanActivate-Ergebnis hängt von einer http-get-Ergebnis - die LoginService gibt ein Beobachtbaren. isLoggedIn():Observable<boolean> { return this.http.get(ApiResources.LOGON).map(response => response.ok); }
Umgang mit http-Statuscodes außer 200 in Angular 2
1 Antworten
Jetzt die Art, wie ich http-requests (ausgeliehen von diese Antwort) ist dieser: POST(url, data) { var headers = new Headers(), authtoken = localStorage.getItem('authtoken'); headers.append("Content-Type", 'application/json'); if (authtoken) { headers.append("Authorization", 'Token ' + authtoken) } headers.append("Accept", 'application/json'); var
Material Design Komponente "ist kein bekanntes Element" in Angular2
2 Antworten
Habe ich eine hybrid-Angular1 und Angular2 Anwendung. In einem der Angular2 Komponenten, die ich Strecke auf, ich möchte an einem Material-Design-Taste. Wenn ich eine Schaltfläche einfügen in die Vorlage wie diese <md-button>foo</md-button> Start der Anwendung stürzt mit
Angular2 RC5: Kann nicht an 'Eigenschaft X' binden, da es keine bekannte Eigenschaft von 'Kindkomponente' ist
5 Antworten
Habe ich eine kleine Angular2-Projekt basiert auf der Angular2 Saatgut-Projekt, das ich bin versucht, zu aktualisieren, um Angular2 RC5. Mein Projekt hat ein paar features, einer von Ihnen, genannt "home". Home-Komponente verwendet eine Kind-Komponente namens " create-report-card-form.
angular2: wie man ein Objekt in ein anderes Objekt kopiert
4 Antworten
Bitte helfen Sie mir, um zu kopieren Objekt in ein anderes Objekt mit Winkel 2 ? In Winkel, die ich verwendet, eckig.copy() zum kopieren von Objekt zu verlieren Referenz des alten Objekts. Aber, wenn ich dasselbe im
Angular 2 http erhalten nicht
2 Antworten
Ich neu Eckig 2 noch zu lernen, ich bin versucht, auf einen url mit einer get-rufen, aber die bekommen dosen ' T scheinen, um durch zu gehen, auch im browser s Netzwerk kann ich nicht finden, Holen
Verwendung eines Typoskript-Enum-Werts in einer Angular2-ngSwitch-Anweisung
6 Antworten
Dem Typoskript enum scheint eine Natürliche übereinstimmung mit Angular2 ist ngSwitch Richtlinie. Aber wenn ich versuche, verwenden Sie eine enum in meine Komponente das template, bekomme ich "Cannot read property 'xxx' undefined ...". Wie kann ich ein
angular-cli server - wie man den Standardport vorgibt
5 Antworten
Verwendung von angular-cli mit der ng serve Befehl, wie kann ich geben Sie einen Standard-port, so dass ich nicht manuell übergeben Sie den --port fahne, jedes mal? Ich würde das gerne ändern von port 4200. InformationsquelleAutor der
Wie vermeidet man Importe mit sehr langen relativen Pfaden in Angular 2?
2 Antworten
Wie kann ich mir etwas vorstellen wie 'my-app-name/services' zu vermeiden, Zeilen wie die folgenden import? import {XyService} from '../../../services/validation/xy.service'; InformationsquelleAutor der Frage Thomas Zuberbühler | 2016-01-21
Angular2 - Der Ausdruck hat sich geändert, nachdem er überprüft wurde - Bindung an die div-Breite mit Größenanpassungsereignissen
2 Antworten
Ich getan haben, einige Bücher zu Lesen und Untersuchung über diesen Fehler, aber nicht sicher, was die richtige Antwort für meine situation. Ich verstehe, dass im dev-Modus, ändern Sie die Erkennung läuft zweimal, aber ich bin zögerlich
Angular2 Router-Fehler: Die primäre Steckdose kann nicht gefunden werden, um "HomePage" zu laden
3 Antworten
Ich gerade erst begonnen mit der neuen routing-Bibliothek (@Winkel/router v3.0.0-alpha.7), sondern nach der offiziellen docs führt zur folgenden Fehlermeldung: browser_adapter.ts:74: EXCEPTION: Error: Uncaught (in promise): Error: Cannot find primary outlet to load 'HomePage' Frage ist - wie
Relative Pfade in Angular CLI vermeiden
4 Antworten
Ich bin mit der aktuellen Winkel-CLI, und ich habe eine benutzerdefinierte Komponenten-Ordner, die eine Sammlung aller Komponenten. Beispielsweise TextInputComponent hat eine TextInputConfiguration Klasse, der sich innerhalb src/components/configurations.tsund in src/app/home/addnewuser/add.user.component.ts wo ich es verwenden es ist: import {TextInputConfiguration}
Was ist der Unterschied zwischen [ngFor] und [ngForOf] in angular2?
5 Antworten
Gemäß meinem Verständnis Beide tun das gleiche Funktionen. Aber, ngFor wäre Werke wie Sammlungen? ngForOf wäre Werke wie Generika? Ist mein Verständnis korrekt ist? oder Könnten Sie bitte teilen, mehr Unterschied ist(details) über ngFor und ngForOf? InformationsquelleAutor
Angular2 Lazy Loading Modul Fehler 'kann Modul nicht finden'
9 Antworten
War ich versucht, finde keine Lösung für diesen Fehler, aber nichts funktioniert für mich. Ich habe einfach Angular2 App erstellt, mit Eckig-CLI. Wenn ich dieses app im browser bin ich immer diese Fehlermeldung: EXCEPTION: Uncaught (in promise):
Maschinenschrift schlafen
3 Antworten
Ich entwickle eine Webseite in den Winkel-2 mit Typoskript und ich Frage mich, ob es eine Möglichkeit zur Implementierung thread.sleep(ms) Funktionalität. Mein Anwendungsfall ist die Umleitung der Benutzer nach dem Absenden eines Formulars nach ein paar Sekunden,
Wie kann ich das routerLink-Attribut bedingt deaktivieren?
2 Antworten
In meinem Winkel-2 Anwendung, die ich bin versucht zu deaktivieren, routerLink ohne Erfolg. Ich habe versucht, behandeln Sie das click-Ereignis auf die click Ereignis (mit event.preventDefault() und event.stopPropagation()), aber es funktioniert nicht. Wie kann ich deaktivieren, routerLink?
Wie speichert man Token im lokalen oder Sitzungsspeicher in Angular 2?
5 Antworten
Will ich mit Local oder session-storage zu speichern Authentifizierungs-token in angular 2.0.0. ich benutze angular2-localstorage, aber es funktioniert nur Winkel-2.0.0-rc.5 und wenn ich es in 2.0.0 es durch mich Typ Fehler. Ich möchte die Standard-lokale Speicherung von
Typescript Type 'string' kann nicht typisiert werden
2 Antworten
Hier ist, was ich in der Frucht.ts export type Fruit = "Orange" | "Apple" | "Banana" Nun bin ich importieren Obst.ts in ein anderes Typoskript-Datei. Hier ist, was ich haben myString:string = "Banana"; myFruit:Fruit = myString; Wenn
Wie schreibt man Komponententests für Angular 2 / TypeScript für private Methoden mit Jasmine?
6 Antworten
Wie testen Sie eine private Funktion in eckige 2 ? class FooBar { private _status: number; constructor( private foo : Bar ) { this.initFooBar(); } private initFooBar(){ this.foo.bar( "data" ); this._status = this.fooo.foo(); } public get status(){
Wie erhält man Blob-Antworten mit Angulars 2+ @ angular / http-Modul?
3 Antworten
Bin ich versucht, ein pdf-download in eine eckige 2-app... dieser code funktioniert: var reportPost = 'variable=lsdkjf'; var xhr = new XMLHttpRequest(); xhr.open("POST", "http://localhost/a2/pdf.php", true); xhr.responseType = 'blob'; xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); xhr.onreadystatechange = function() {//Call a function when the
angular-cli server - Wie werden API-Anfragen an einen anderen Server weitergeleitet?
8 Antworten
Mit der angular-cli ng serve lokalen dev-server mit allen statischen Dateien aus meinem Projekt-Verzeichnis. Wie kann ich den proxy meines AJAX-Aufrufe auf einem anderen server? InformationsquelleAutor der Frage elwyn | 2016-05-11
Rolle der Importe / Exporte in Angular 2+ ngModule
2 Antworten
Ich bin zu lernen, Gewinkelt 2+ und ich habe eine harte Zeit Verständnis für die Rolle von Einfuhren/Ausfuhren in einem ngModule. Genauer gesagt, warum ist wichtig, um ein Modul importieren, wenn Sie gehen, um es zu importieren
Fehler: Kein Provider für HttpHandler in angular2
1 Antworten
Bin ich versucht zu implementieren HttpCache durch Abfangjäger. Im folgenden ist die caching-interceptor.service.ts import { HttpRequest, HttpResponse, HttpInterceptor, HttpHandler, HttpEvent } from '@angular/common/http' import { Injectable } from '@angular/core'; import { Observable } from 'rxjs/Observable'; import 'rxjs/add/operator/do';
Angular 2 Life Cycle Haken nach allen Kindern initialisiert werden?
6 Antworten
Ich bin auf der Suche nach einem Konzept für die Implementierung der folgenden Fall: Ich habe ein parent search-Komponente, dass einige Komponenten als view-Kinder /Inhalte Kinder, die für die Anzeige von Facetten und Suchergebnisse. Ich will nun
Angular2 Quick Start - Nachricht kann nicht empfangen werden
8 Antworten
Ich versucht habe zu tun, die quick-start-guide für Angular2. Ich habe das Beispiel wie beschrieben in der Schnellanleitung. Allerdings, wenn ich lief, es erscheint folgende Meldung 'kann Nicht'. Weiß jemand, warum dies passiert ist? boot.js Datei //JavaScript
Angular 2 Errors und Typescript - wie debuggen?
4 Antworten
Ich habe gerade ein Projekt gestartet, um zu erfahren, Angular2 und Typoskript+Javascript. Ich komme aus einem Java-hintergrund, und mein Ansatz zum Debuggen von Projekten ist in der Regel eine Kombination von stack-traces, Fehler bei der Kompilierung, und
Angular2 ngModel gegen ngFor-Variablen
2 Antworten
Ist es nicht möglich (oder noch nicht möglich ist) zu verwenden ngModel gegen die Werte von ngFor? Ist Kantig, die versuchen, mich zu schützen von schlechten Leistung? Funktioniert Super: http://jsfiddle.net/langdonx/n5pjgev6/ <input type="text" [(ng-model)]="value">{{value}} Funktioniert nicht so toll