Вопросы с тегом «angular2-services»

Используя Http, мы вызываем метод, который выполняет сетевой вызов и возвращает наблюдаемый http: getCustomer() { return this.http.get('/someUrl').map(res => res.json()); } Если мы возьмем это наблюдаемое и добавим к нему несколько подписчиков: let network$ = getCustomer(); let subscriber1 = network$.subscribe(...); let subscriber2 = network$.subscribe(...); Что мы хотим сделать, так это убедиться, …

303 angular  rxjs  angular2-services  rxjs5 

Я читал такие вопросы, как Access EventEmitter Service внутри CustomHttp, где пользователь использует EventEmitter в своем сервисе, но ему было предложено в этом комментарии не использовать его и использовать вместо него Observables непосредственно в своих сервисах. Я также прочитал этот вопрос, где решение предлагает передать EventEmitter ребенку и подписаться на …

225 angular  angular2-services 

Я пытаюсь загрузить событие из своего API до того, как компонент будет отрисован. В настоящее время я использую свою службу API, которую я вызываю из функции ngOnInit компонента. Мой EventRegisterкомпонент: 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, …

149 typescript  angular  angular2-services  angular2-http 

Я читал, что инъекция при начальной загрузке должна иметь все дочерние элементы, использующие один и тот же экземпляр, но каждый из моих основных компонентов и компонентов заголовка (основное приложение включает компонент заголовка и маршрутизатор) получает отдельный экземпляр моих служб. У меня есть FacebookService, который я использую для звонков в facebook …

148 angular  typescript  angular2-routing  angular2-services 

У меня есть компонент и сервис: Составная часть: 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); } } Запустить фрагмент кодаСкрыть результатыРазвернуть фрагмент Обслуживание: @Injectable() export class PersonService { getPersons(){ var persons: Person[] = …

131 angular  typescript  angular2-services 

В моем компоненте Angular 2 у меня есть наблюдаемый массив list$: Observable<any[]>; В моем шаблоне у меня есть <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> Но list $ .length не работает в случае массива Observable. Обновить: Кажется, что (list $ | …

109 angular  observable  angular2-template  angular2-services 

В чем разница между EventEmitter.emit()и EventEmitter.next()? Оба отправляют событие подписанным слушателям. export class MyService { @Output() someEvent$: EventEmitter<any> = new EventEmitter(); someFunc() { this.someEvent$.emit({myObj: true}); this.someEvent$.next({myObj: true}); } } Documenation для EventEmitter не так полезно в данный момент.

98 angular  angular2-services 

Как я могу ввести что-то вроде следующего, 'my-app-name/services'чтобы избежать строк вроде следующего импорта? import {XyService} from '../../../services/validation/xy.service';

96 typescript  ecmascript-6  angular  angular2-services