Tag: angular2-http

Für Fragen, die direkt im Zusammenhang mit der Nutzung der Http-service in Winkel.

Einstellung der Authorization-header in den Winkel-2

Anzahl der Antworten 3 Antworten
Arbeite ich auf restful-Dienste, die im Frühjahr und ich umgesetzt haben, ist ein Json Web Token (JWT) für die Authentifizierung und Autorisierung. Nach dem login Authentifizierung token zurückgegeben wird an den anfragenden Benutzer. Auf jede Anfrage ich

403 forbidden-Fehler für den Winkel-2 spring mvc-aber die Arbeit im Postboten

Anzahl der Antworten 1 Antworten
Bin ich immer 403 forbidden-Fehler, wenn ich senden von http-post-Anforderung von Winkel-2 Anwendung. Unten ist der code für das Formular.Komponente.ts und der service.ts. form.Komponente.ts `import {Component, OnInit} from '@angular/core'; import { RegisterUser} from '../Model/RegisterUser'; import { RegisterService

Ist es notwendig, zum abbestellen von observablen erstellt von Http-Methoden?

Anzahl der Antworten 8 Antworten
Müssen Sie die Abmeldung aus Winkel-2 http-Aufrufe zu verhindern, Speicherverlust? fetchFilm(index) { var sub = this._http.get(`http://example.com`) .map(result => result.json()) .map(json => { dispatch(this.receiveFilm(json)); }) .subscribe(e=>sub.unsubscribe()); ... Mögliche Duplikate von Verhindern von Speicherlecks im Winkel 2? Siehe stackoverflow.com/questions/34461842/...

Angular2 Http-Request

Anzahl der Antworten 2 Antworten
Hallo, ich bin versucht, um eine get-Anforderung mit der HTTP Modul in Angular2. Alles kompiliert fein in Typescript (1.5), aber Chrome zeigt die folgende Fehlermeldung in der Konsole: EXCEPTION: Error during instantiation of EntryList!. ORIGINAL EXCEPTION: TypeError:

Immer ein object-array aus einer Eckigen service

Anzahl der Antworten 1 Antworten
Ich bin neu Eckig (und Javascript für diese Angelegenheit). Ich habe geschrieben ein Eckiges service gibt ein array von Benutzern. Der Abruf von Daten aus einer HTTP-Aufruf liefert die Daten im JSON-format. Bei der Anmeldung werden die

Wie Sie eine form mit Winkel-2 http-post-Funktion mit javascript?

Anzahl der Antworten 1 Antworten
Habe ich angefangen, zu lernen Angular2 aber ich möchte ein Formular Absenden mit http.post() auf meine Web-API, aber ich kann nicht. Siehe: angular.io/docs/ts/latest/guide/server-communication.html und angular.io/docs/ts/latest/api/http/Http-class.html aber es gibt kein Beispiel für javascript. alle Beispiel, geschrieben in typescript

Winkel: kann Nicht finden, unterscheiden sich die Unterstützung Objekt '[object]'

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

Wie stellen Sie eine http-get-Anforderung gibt ein json-array, die verwendet werden, um füllen Sie eine ngfor Richtlinie?

Anzahl der Antworten 2 Antworten
Will ich eine http-get-Anforderung gibt ein json-array von Daten, die verwendet werden ngFor Schleife. Ich bin mir nicht sicher der beste Weg, dies zu tun. this.list wird die Liste Durchlaufen werden, in der ngFor Richtlinie. Für Testzwecke,

Synchrone Funktionen - in Angular2

Anzahl der Antworten 1 Antworten
Ich brauchen, um zu erreichen in den Winkel-synchrone-Funktionen (, die anderen warten auf das Ende des ersten). Zum Beispiel habe ich zwei Anbieter (MenuProvider und ShopProvider). MenuProvider hat eine Methode : getMenuItemsForCurrentShop() dass über HTTP ruft die

Eckige 2-HTTPS-Anforderung

Anzahl der Antworten 5 Antworten
Konfigurieren und eine https-Anfrage aus dem Winkel 2? Konnte nicht finden, dass irgendwelche Ressourcen auf. Kann jemand bitte guide mich hier? Danke. Das gleiche wie Sie tun würden, mit HTTP. Was hat Sie denken, dass HTTPS braucht

Wie Sie richtig download excel-Datei mit Angular2

Anzahl der Antworten 2 Antworten
Dies ist der code von meinem service, der macht post-request mit Antwort eine xls-Datei : exportInternalOrder(body) { let user_token: string = this.sessionService.getToken(); let headers = new Headers(); headers.append('responseType', 'arraybuffer'); headers.append('Authorization', 'Bearer ' + user_token); return this.http.post(this.config.exportInternalOrder, body,{

Angular2: Wie abonnieren Http.post beobachtbaren im inneren einen Dienst und eine Komponente, richtig?

Anzahl der Antworten 2 Antworten
Für eine JWT-Authentifizierung, mache ich eine post-Anfrage, um die token mit dem neuen Http Modul arbeitet mit Observablen jetzt. Habe ich eine einfache Login Komponente anzeigen des Formulars: @Component({ selector: 'my-login', template: `<form (submit)="submitForm($event)"> <input [(ngModel)]="cred.username" type="text"

So veröffentlichen Sie json-Objekt mit Http.post (Winkel 2) (php-Seite)

Anzahl der Antworten 2 Antworten
Ich versuche neu zu erstellen Post JSON von Winkel 2 zu php aber es funktioniert nicht es gibt nichts in der $_REQUEST variable auf php-Seite Code: searchHttp({body}: any): Promise<any> { let headers = new Headers ({ 'Content-Type':

Wie definieren Sie einen verschachtelten Objekts im Modell? (angular2/Typoskript)

Anzahl der Antworten 3 Antworten
Ich bin Herumspielen mit Angular2, und hatte gehofft, jemand könnte einige Ratschläge, wie Sie zu erreichen ist; Zum Beispiel, wenn mein Modell sieht aus wie das für einen Mitarbeiter: export class Employee { constructor( public firstName: string,

Wie Sie header hinzufügen, um eine post-Anfrage in eckige 2?

Anzahl der Antworten 3 Antworten
//In services.ts import { Injectable } from '@angular/core'; import { Http, Headers, RequestOptions } from '@angular/http'; import 'rxjs/Rx'; @Injectable() export class DataService { constructor(private http: Http) { } fetch(){ return this.http.get('json-object-link').map( (res) => res.json() ) } }

Angular2-Reaktion auf die preflight-Anfrage nicht passieren access control check: Kein "Access-Control-Allow-Origin' - header vorhanden ist, auf die angeforderte Ressource

Anzahl der Antworten 2 Antworten
Ich rufe eine http-post-im Winkel-2. Das ist in Ordnung, die in post-Mann, aber wenn ich implementieren diese API-Aufruf in Eckigen 2 bekomme ich Keine 'Access-Control-Allow' - Fehler. Hier ist mein code getInspections(): Observable<IInspection> { if (!this.inspections) {

Angular2 - TypeError: Cannot read property 'Id' undefined (Typoskript)

Anzahl der Antworten 1 Antworten
Bin ich immer die folgende Fehlermeldung: angular2.dev.js:23925 EXCEPTION: TypeError: Cannot read property 'Id' of null in [ {{ product.Id }} in ProductEditComponent@0:68] geworfen mit: //Product-edit.component.ts: import {Component } from 'angular2/core'; import { IProduct } from './product' import

Wie um die Karte Response-Objekt zurückgegeben, die vom Http-Service um ein Typoskript Objekte mit Beobachtbar Map-Funktion in Angular2

Anzahl der Antworten 2 Antworten
Hallo, ich habe erstellt eine angular2 Dienst, dessen Aufgabe ist der Aufruf einer webapi gibt Daten in ein json-Objekt-Struktur wie folgt: //Result of the webapi service call. { "Total":11, "Data":[{"Id":1,"Name":"A","StartDate":"2016-01-01T00:00:00"}, {"Id":2,"Name":"B","StartDate":"2016-02-01T00:00:00"}] } Hier ist mein angular2 service.

Angular2 Uhr für die 302-Weiterleitung beim abrufen der Ressource

Anzahl der Antworten 2 Antworten
Habe ich eine Anforderung zu ziehen Sie ein paar Ressourcen einer anderen Domäne statt, durch meine Firma. Ich möchte zu ziehen gesicherten HTML-Inhalt mit GET-Anfragen. Wenn ein Benutzer angemeldet ist aus der Anwendung der angeforderte Inhalt zurück

Fehler: XHR-Fehler (404 not Found) laden angular2/http

Anzahl der Antworten 2 Antworten
Ich bin mit Winkel-cli für meine Angular2 Anwendung. Immer wenn ich versuche zu laden angular2/http meiner Komponenten/Services-keine Fehleranzeige im cli terminal, sondern in meinen browser-Konsole zeigt er das an - BEKOMMEN http://localhost:4200/angular2/http 404 (Nicht Gefunden) Unbehandelte Versprechen

Nicht finden können module './in-memory-Daten-service' in tour der Helden für Angular2

Anzahl der Antworten 9 Antworten
Ich versuche zu arbeiten, durch die Angular2 tour der Helden-app, und bin, läuft in Fehler auf dem Http-Abschnitt des Tutorials. Zuerst war ich immer die Fehlermeldung: Cannot find module 'angular2-in-memory-web-api' Aber fest, dass die Verwendung der Informationen

Wie zu verwenden angular2 http-API für tracking-upload/download-Fortschritt

Anzahl der Antworten 2 Antworten
Tho gibt es viele ad-hoc-Bibliotheken Unterstützung von upload/download-Fortschritt in angular2, ich weiß nicht, wie zu tun, verwenden Sie das native angular2 http-api, um die Fortschritte zu zeigen, während Sie den upload/download. Der Grund, warum ich möchte die

Setzen Sie die Basis-url für Winkel-2 http-requests

Anzahl der Antworten 8 Antworten
Ich bin versucht, den Basis-url für alle meine Winkel-2 http-requests. Im folgenden ist der Basis-set-up für meine Anwendung. class HttpOptions extends BaseRequestOptions { url:string = "http://10.7.18.21:8080/api/"; } bootstrap(AppComponent, [ HTTP_PROVIDERS, provide(RequestOptions, {useClass: HttpOptions}) ]); export class AppComponent

Bild-oder byte-Daten mit http

Anzahl der Antworten 4 Antworten
Für eine web-Anwendung, die ich brauche, um meine Bilder mit einem ajax-request, da haben wir die Signatur + Authentifizierung über unsere API, so dass wir nicht bekommen können Bilder mit einem einfachen <img src="myapi/example/145"/> Da wir mit

wie man den HTTP-Fehler für das angular2-Testen simuliert

Anzahl der Antworten 4 Antworten
Schreibe ich unit-tests für eine angular2 service. Code-snippets: //jasmine specfile //already injected MockConnection into Http backend.connections.subscribe ((c: MockConnection) => { connection = c; }); //doing get-request myServiceCallwithHttpRequest ().subscribe (result => { //this test passes! expect (result).toEqual ({

Wie man den HTTP-Anforderungs-Header in Angular korrekt setzt 2

Anzahl der Antworten 6 Antworten
Ich habe eine Ionic 2-Anwendung mit Angular 2, das senden einer Http-PUT an eine ASP.NET Kern-API-server. Hier ist die Methode, die ich verwende um die Anfrage zu senden: public update(student: Student): Promise<Student> { let headers = new

Angular HttpClient Standard und spezifische Anfrage Timeout

Anzahl der Antworten 3 Antworten
In der Regel ist es wünschenswert, die voreingestellte Zeitspanne (z.B. 30s), die angewendet werden, um alle Anforderungen und kann überschrieben werden für bestimmte mehr Anforderungen (z.B. 600s). Ist keine gute Methode zum festlegen von Standard-timeout in Http

Wie synchronisiert man Angular2 http erhalten?

Anzahl der Antworten 8 Antworten
Verstehe ich mithilfe von beobachtbaren ich kann das ausführen einer Methode auf, wenn die Anforderung abgeschlossen ist, aber wie kann ich warten, bis eine http get ist abgeschlossen und die Rückgabe der Antwort mit in ng2 http?

Angular - POST hochgeladene Datei

Anzahl der Antworten 5 Antworten
Ich bin mit KantigTyposkript um eine Datei zu senden, zusammen mit JSON-Daten an einen server. Unten ist mein code: import {Component, View, NgFor, FORM_DIRECTIVES, FormBuilder, ControlGroup} from 'angular2/angular2'; import {Http, Response, Headers} from 'http/http'; @Component({ selector: 'file-upload'

Angular2: Wie lade ich Daten vor dem Rendern der Komponente?

Anzahl der Antworten 3 Antworten
Ich versuche, laden Sie ein Ereignis aus meiner API, bevor die Komponente gerendert wird. Derzeit bin ich mit meinem API-service, die ich nenne, aus der ngOnInit Funktion der Komponente. Meine EventRegister Komponente: import {Component, OnInit, ElementRef} from

Angular 2 http.post () sendet die Anfrage nicht

Anzahl der Antworten 3 Antworten
Wenn ich eine post-Anfrage den Winkel-2 http ist nicht das senden dieser Anfrage this.http.post(this.adminUsersControllerRoute, JSON.stringify(user), this.getRequestOptions()) http-post an den server gesendet, aber wenn ich die Anfrage wie diese this.http.post(this.adminUsersControllerRoute, JSON.stringify(user), this.getRequestOptions()).subscribe(r=>{}); Ist dies beabsichtigt, und wenn es

Angular 2 - Behandlung mehrerer Abonnements auf einer einzigen Beobachtungsstelle

Anzahl der Antworten 1 Antworten
Arbeite ich an einer Winkel-2-app und benötigen Sie einige Hinweise zum Umgang mit Authentifizierungsfehler sauber. Mein end-Ziel ist, die zentrale Authentifizierung verarbeiten von Fehlern (insbesondere 401 und 403) für jeden Http Anfrage. Fand ich diese Frage super

angular 2 http mitCredentials

Anzahl der Antworten 2 Antworten
Ich versuche, mit withCredentials senden ein cookie entlang zu meinem service, aber kann nicht herausfinden, wie es zu implementieren. Die docs sagen, "verlangt der server eine Benutzer-Anmeldeinformationen, wir werden es Ihnen ermöglichen, in den Kopfzeilen der Anfrage"

Dateiupload mit Angular2 an REST API

Anzahl der Antworten 6 Antworten
Eigentlich arbeite ich an einem Spring-REST-API mit einer Schnittstelle codiert, Gewinkelt 2. Mein problem ist ich kann nicht laden Sie eine Datei mit Winkelgetriebe 2. Meine Webresources in java ist, dass : @RequestMapping(method = RequestMethod.POST, value =

Wie kann ich auf den Angular 2 HTTP Response Body zugreifen, ohne ihn in String oder Json umzuwandeln?

Anzahl der Antworten 5 Antworten
Ich würde gerne kopieren einer REST-Antwort in ein blob, aber ich bin nicht in der Lage zu tun, einige, weil blob() und arrayBuffer() noch nicht umgesetzt worden sind, in das Response-Objekt. Der Response Body ist eine private

Hochladen von Dateien in Angular?

Anzahl der Antworten 11 Antworten
Ich weiß, das ist eine sehr Allgemeine Frage, aber ich bin andernfalls zu hochladen einer Datei in den Winkel-2. Ich habe versucht 1) http://valor-software.com/ng2-file-upload/ und 2) http://ng2-uploader.com/home ...aber gescheitert. Hat jemand eine Datei hochgeladen in Eckige? Welche

Ist es notwendig, sich von Observablen, die mit Http-Methoden erstellt wurden, abzumelden?

Anzahl der Antworten 3 Antworten
Müssen Sie die Abmeldung aus Winkel-2 http-Aufrufe zu verhindern, Speicherverlust? fetchFilm(index) { var sub = this._http.get(`http://example.com`) .map(result => result.json()) .map(json => { dispatch(this.receiveFilm(json)); }) .subscribe(e=>sub.unsubscribe()); ... InformationsquelleAutor der Frage born2net | 2016-01-27

Wie POST ein FormData-Objekt in Angular 2?

Anzahl der Antworten 4 Antworten
Muss ich eine Datei hochladen und versenden json zusammen mit, ich habe diese Funktion: POST_formData(url, data) { var headers = new Headers(), authtoken = localStorage.getItem('authtoken'); if (authtoken) { headers.append("Authorization", 'Token ' + authtoken) } headers.append("Accept", 'application/json'); headers.delete("Content-Type");

Angular: Kann kein unterstützendes Objekt '[Objekt Objekt]' finden

Anzahl der Antworten 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 - Routing - CanActivate Arbeit mit Observable

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

Angular 2: Wie verwende / importiere ich das HTTP-Modul?

Anzahl der Antworten 11 Antworten
Spiele ich schon mit Eckige 2-Quickstart. Wie kann ich die verwenden/importieren http-Modul im Winkel 2? Ich habe Winkel 2 Aufgaben .js, aber es funktioniert nicht verwenden Sie das http-Modul. Habe ich "ngHttp": "angular/http", zu dependencies im Paket.json