Als «angular2-services» getaggte Fragen

21
Was ist der richtige Weg, um das Ergebnis eines Angular Http-Netzwerkaufrufs in RxJs 5 zu teilen?
Mit Http rufen wir eine Methode auf, die einen Netzwerkaufruf ausführt und eine beobachtbare http zurückgibt: getCustomer() { return this.http.get('/someUrl').map(res => res.json()); } Wenn wir dies beobachten und mehrere Abonnenten hinzufügen: let network$ = getCustomer(); let subscriber1 = network$.subscribe(...); let subscriber2 = network$.subscribe(...); Wir möchten sicherstellen, dass dies nicht zu …
4
Was ist die richtige Verwendung eines EventEmitter?
Ich habe Fragen wie Access EventEmitter Service in CustomHttp gelesen, bei denen der Benutzer EventEmitter in seinem Dienst verwendet. In diesem Kommentar wurde ihm jedoch empfohlen , ihn nicht zu verwenden und stattdessen Observables direkt in seinen Diensten zu verwenden. Ich habe auch diese Frage gelesen , in der die …
3
Angular2: Wie lade ich Daten, bevor ich die Komponente rendere?
Ich versuche, ein Ereignis aus meiner API zu laden, bevor die Komponente gerendert wird. Derzeit verwende ich meinen API-Dienst, den ich über die ngOnInit-Funktion der Komponente aufrufe. Meine EventRegisterKomponente: import {Component, OnInit, ElementRef} from "angular2/core"; import {ApiService} from "../../services/api.service"; import {EventModel} from '../../models/EventModel'; import {Router, ROUTER_DIRECTIVES, ROUTER_PROVIDERS, RouteConfig, RouteParams, RouterLink} …
14
Wie erstelle ich einen Singleton-Dienst in Angular 2?
Ich habe gelesen, dass beim Injizieren beim Bootstrapping alle untergeordneten Elemente dieselbe Instanz verwenden sollten, aber meine Haupt- und Header-Komponenten (Haupt-App enthält Header-Komponente und Router-Outlet) erhalten jeweils eine separate Instanz meiner Dienste. Ich habe einen FacebookService, mit dem ich die Facebook-Javascript-API anrufe, und einen UserService, der den FacebookService verwendet. Hier …
7
Angular 2 TypeScript, wie man ein Element in Array findet
Ich habe eine Komponente und einen Service: Komponente: export class WebUserProfileViewComponent { persons: Person []; personId: number; constructor( params: RouteParams, private personService: PersonService) { this.personId = params.get('id'); this.persons = this. personService.getPersons(); console.log(this.personId); } } Führen Sie das Code-Snippet ausErgebnisse ausblendenErweitern Sie das Snippet Bedienung: @Injectable() export class PersonService { getPersons(){ …
8
So überprüfen Sie die Länge eines Observable-Arrays
In meiner Angular 2-Komponente habe ich ein Observable-Array list$: Observable<any[]>; In meiner Vorlage habe ich <div *ngIf="list$.length==0">No records found.</div> <div *ngIf="list$.length>0"> <ul> <li *ngFor="let item of list$ | async">item.name</li> </ul> </div> Die Liste $ .length funktioniert jedoch bei einem Observable-Array nicht. Aktualisieren: Es scheint, dass (Liste $ | async)?. Länge …
2
Unterschied zwischen EventEmitter.next () und EventEmitter.emit () in Angular 2
Was ist der Unterschied zwischen EventEmitter.emit()und EventEmitter.next()? Beide senden das Ereignis an die abonnierten Listener. export class MyService { @Output() someEvent$: EventEmitter<any> = new EventEmitter(); someFunc() { this.someEvent$.emit({myObj: true}); this.someEvent$.next({myObj: true}); } } Die Dokumentation für den EventEmitter ist momentan nicht so hilfreich.
5
Wie binde ich eine statische Variable der Komponente in HTML in Winkel 2?
Ich möchte eine statische Variable einer Komponente in einer HTML-Seite verwenden. Wie binde ich eine statische Variable der Komponente mit einem HTML-Element in Winkel 2? import { Component, OnInit } from '@angular/core'; import { Observable } from 'rxjs/Rx'; @Component({ moduleId: module.id, selector: 'url', templateUrl: 'url.component.html', styleUrls: ['url.component.css'] }) export class …
3
Die Eigenschaft 'toPromise' ist für den Typ 'Observable <Response>' nicht vorhanden.
import { Headers, Http } from '@angular/http'; @Injectable() export class PublisherService{ private publishersUrl = 'app/publisher'; constructor(private http: Http) { } getPublishers(): Promise&lt;Publisher[]&gt;{ return this.http.get(this.publishersUrl) .toPromise() .then(response =&gt; response.json().data) .catch(this.handleError); } } Ich erhalte diesen Fehler: Die Eigenschaft 'toPromise' ist für den Typ 'Observable' nicht vorhanden
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.