Pertanyaan yang diberi tag «observable»

Kapan saya harus menyimpan Subscriptioninstance dan memohon unsubscribe()selama siklus hidup NgOnDestroy dan kapan saya bisa mengabaikannya? Menyimpan semua langganan menimbulkan banyak kekacauan dalam kode komponen. Panduan Klien HTTP mengabaikan langganan seperti ini: getHeroes() { this.heroService.getHeroes() .subscribe( heroes => this.heroes = heroes, error => this.errorMessage = <any>error); } Pada saat yang …

720 angular  rxjs  observable  subscription  angular-component-life-cycle 

Saya mencoba menerapkan sesuatu seperti pola delegasi di Angular. Ketika pengguna mengklik a nav-item, saya ingin memanggil fungsi yang kemudian memancarkan suatu peristiwa yang pada gilirannya harus ditangani oleh beberapa komponen lain yang mendengarkan acara tersebut. Berikut ini skenarionya: Saya punya Navigationkomponen: import {Component, Output, EventEmitter} from 'angular2/core'; @Component({ // …

244 angular  observer-pattern  observable  eventemitter  event-delegation 

Seorang pewawancara bertanya kepada saya: Apa itu Observerdan Observabledan kapan kita harus menggunakannya? Saya tidak mengetahui persyaratan ini, jadi ketika saya kembali ke rumah dan mulai mencari Google Observerdan Observable, saya menemukan beberapa poin dari sumber yang berbeda: 1) Observableadalah kelas dan Observerantarmuka. 2) ObservableKelas memelihara daftar Observers. 3) Ketika …

200 java  design-patterns  observable  observer-pattern  observers 

Fungsi more()ini seharusnya mengembalikan sebuah Observabledari permintaan dapatkan export class Collection{ public more = (): Observable<Response> => { if (this.hasMore()) { return this.fetch(); } else{ // return empty observable } } private fetch = (): Observable<Response> => { return this.http.get('some-url').map( (res) => { return res.json(); } ); } } Dalam …

167 javascript  typescript  rxjs  observable 

Apakah aliran Java 8 mirip dengan yang dapat diamati RxJava? Definisi Java 8 stream: Kelas-kelas dalam java.util.streampaket baru menyediakan Stream API untuk mendukung operasi gaya fungsional pada aliran elemen.

144 java-8  java-stream  rx-java  observable 

Ini lebih merupakan pertanyaan "praktik terbaik". Ada tiga pemain: a Component, a Servicedan a Model. The Componentadalah memanggil Serviceuntuk mendapatkan data dari database. The Serviceadalah menggunakan: this.people = http.get('api/people.json').map(res => res.json()); untuk mengembalikan Observable. The Componenthanya bisa berlangganan Observable: peopleService.people .subscribe(people => this.people = people); } Namun, apa yang saya …

132 angular  observable 

Bagian dari kode saya: import {Injectable} from 'angular2/core'; import {Http, Headers, Request, Response} from 'angular2/http'; import {Observable} from 'rxjs/Observable'; import 'rxjs/add/operator/map'; @Injectable() export class myClass { constructor(protected http: Http) {} public myMethod() { let request = new Request({ method: "GET", url: "http://my_url" }); return this.http.request(request) .map(res => res.json()) .catch(this.handleError); // …

132 http  typescript  angular  observable 

Saya memiliki layanan yang memiliki metode ini: export class TestModelService { public testModel: TestModel; constructor( @Inject(Http) public http: Http) { } public fetchModel(uuid: string = undefined): Observable<string> { if(!uuid) { //return Observable of JSON.stringify(new TestModel()); } else { return this.http.get("http://localhost:8080/myapp/api/model/" + uuid) .map(res => res.text()); } } } di konstruktor …

121 typescript  promise  angular  observable  rxjs 

Saya memiliki layanan yang mengembalikan pengamatan yang melakukan permintaan http ke server saya dan mendapatkan datanya. Saya ingin menggunakan data ini tetapi saya selalu mendapatkannya undefined. Apa masalahnya? Layanan : @Injectable() export class EventService { constructor(private http: Http) { } getEventList(): Observable<any>{ let headers = new Headers({ 'Content-Type': 'application/json' }); …

110 javascript  angular  asynchronous  typescript  observable 

Dalam komponen Angular 2 saya, saya memiliki array yang dapat diamati list$: Observable<any[]>; Di Template saya, saya punya <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> Tetapi list $ .length tidak berfungsi jika ada array Observable. Memperbarui: Tampaknya (list $ | async) …

109 angular  observable  angular2-template  angular2-services 

Dalam aplikasi bersudut kita memiliki ngOnDestroy()hook siklus hidup untuk sebuah komponen / direktif dan kita menggunakan hook ini untuk berhenti berlangganan observable. Saya ingin menghapus / menghancurkan observasi yang dibuat dalam sebuah @injectable()layanan. Saya melihat beberapa posting yang mengatakan bahwa ngOnDestroy()dapat digunakan dalam layanan juga. Tapi, apakah ini praktik yang …

104 angular  rxjs  observable  angular-services 

Saat ini saya mencoba mempelajari Angular2 dan TypeScript sendiri setelah bekerja dengan senang hati dengan AngularJS 1. * selama 4 tahun terakhir! Saya harus mengakui bahwa saya membencinya tetapi saya yakin momen eureka saya sudah dekat ... bagaimanapun, saya telah menulis layanan di aplikasi dummy saya yang akan mengambil data …

96 typescript  angular  observable  rxjs 

Saya mencoba untuk memahami bagaimana menggunakan Observables di Angular 2. Saya memiliki layanan ini: import {Injectable, EventEmitter, ViewChild} from '@angular/core'; import {Observable} from "rxjs/Observable"; import {Subject} from "rxjs/Subject"; import {BehaviorSubject} from "rxjs/Rx"; import {Availabilities} from './availabilities-interface' @Injectable() export class AppointmentChoiceStore { public _appointmentChoices: BehaviorSubject<Availabilities> = new BehaviorSubject<Availabilities>({"availabilities": [''], "length": 0}) …

93 typescript  angular  rxjs  observable 

Pertanyaan Untuk tujuan pengujian, saya membuat Observableobjek yang menggantikan observable yang akan dikembalikan oleh panggilan http yang sebenarnya dengan Http. Observable saya dibuat dengan kode berikut: fakeObservable = Observable.create(obs => { obs.next([1, 2, 3]); obs.complete(); }); Masalahnya, yang dapat diamati ini memancarkan dengan segera. Apakah ada cara untuk menambahkan penundaan …

92 angular  typescript  observable 

Di Angular 1.x saya terkadang perlu membuat beberapa httppermintaan dan melakukan sesuatu dengan semua tanggapan. Saya akan membuang semua janji dalam array dan panggilanPromise.all(promises).then(function (results) {...}) . Praktik terbaik Angular 2 tampaknya mengarah ke penggunaan RxJS Observablesebagai pengganti promise dalam httppermintaan. Jika saya memiliki dua atau lebih Observable berbeda yang …

90 javascript  angularjs  rxjs  observable