«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 

사용자가 자신의 서비스에서 EventEmitter를 사용하는 CustomHttp 내부의 Access EventEmitter Service 와 같은 질문을 읽었 지만이 의견 에서는 사용하지 말고 대신 서비스에서 직접 Observables를 사용하도록 제안했습니다 . 또한 솔루션이 EventEmitter를 자식에게 전달하고 구독하도록 제안하는 이 질문 을 읽었 습니다. 내 질문은 다음과 같습니다. EventEmitter를 수동으로 구독해야합니까? 어떻게 사용해야합니까?

225 angular  angular2-services 

구성 요소가 렌더링되기 전에 API에서 이벤트를로드하려고합니다. 현재 구성 요소의 ngOnInit 함수에서 호출하는 API 서비스를 사용하고 있습니다. 내 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, RouterLink} from 'angular2/router'; import {FORM_PROVIDERS, FORM_DIRECTIVES, Control} from 'angular2/common'; @Component({ …

143 typescript  angular  angular2-services  angular2-http 

부트 스트랩을 할 때 주입하면 모든 자식이 동일한 인스턴스를 공유해야하지만 내 기본 및 헤더 구성 요소 (주 응용 프로그램에는 헤더 구성 요소 및 라우터 콘센트가 포함됨)가 각각 별도의 서비스 인스턴스를 얻습니다. 페이스 북 자바 스크립트 API와 FacebookService를 사용하는 UserService를 호출하는 데 사용하는 FacebookService가 있습니다. 내 부트 스트랩은 다음과 같습니다. bootstrap(MainAppComponent, …

142 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 구성 요소에는 Observable 배열이 있습니다. 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> 그러나 Observable 배열의 경우 list $ .length는 작동하지 않습니다. 최신 정보: 그것은 그 보인다 길이는? | (비동기 목록을 $) : 우리에게 길이를 …

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}); } } EventEmitter에 대한 documenation는 순간에 그렇게 도움이되지 않습니다.

98 angular  angular2-services 

'my-app-name/services'다음 가져 오기와 같은 줄을 피하는 것과 같은 것을 어떻게 도입 할 수 있습니까? import {XyService} from '../../../services/validation/xy.service';

95 typescript  ecmascript-6  angular  angular2-services 

HTML 페이지에서 구성 요소의 정적 변수를 사용하고 싶습니다. Angular 2의 HTML 요소와 구성 요소의 정적 변수를 바인딩하는 방법은 무엇입니까? 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 UrlComponent { static urlArray; constructor() { …

79 angular  typescript  angular2-services