반응형

Rxjs 26

각도 2는 여러 구성 요소에 걸쳐 웹 소켓 서비스를 공유함

각도 2는 여러 구성 요소에 걸쳐 웹 소켓 서비스를 공유함 나는 같은 서비스를 듣는 여러 구성 요소를 원하는 각도 2를 이용하여 웹 애플리케이션을 만들고 있어.이 서비스는 웹세트에서 들어오는 데이터를 반환하는 관측 가능한 데이터를 반환한다.나는 이 예시를 근거로 코드를 작성했다. 현재 문제는 다음과 같다.서비스를 통해 홈 컴포넌트에서 서버로 데이터를 전송(웹사이트 사용)하고 데이터를 반환한다.그러나, Navbar에 있는 것이 아니라, 가정.구성요소에 있는 관찰자만 (ID: room.created and data)로 호출되고 있다. 왜 둘 다 부르지 않는지 누가 말해줄래?message$.subscribe도 app.component에 추가하려고 했지만 소용이 없었다. 자, 이제 암호로 들어가자. 관찰 가능한..

programing 2022.03.17

각도 시도 캐치 vs 포수 오류

각도 시도 캐치 vs 포수 오류 각 프로젝트의 경우 모든 api 경로(검색 경로) 목록을 포함하는 url을 받는다.내 애플리케이션에서 검색 경로를 호출하여 결과를 목록에 저장하고자 한다.내 코드: discover(): Observable { if (this.links) { return of(this.links); } try { console.log('calling :', URL); return this.http.get(URL, {headers: this.headers}).pipe( map(response => { this.links = response.links; return this.links; }), catchError(some_error => { console.log('error ', some_er..

programing 2022.03.15

페이지 지정과 관찰 가능 및 각도 9의 비동기 파이프를 결합하는 방법?

페이지 지정과 관찰 가능 및 각도 9의 비동기 파이프를 결합하는 방법? API에서 나온 제품 목록이 있어.제품은 페이지 지정되어 있으며 사용자는 다른 페이지로 전환할 수 있다.단순화된 템플릿은 다음과 같다. {{ product.name }} 1 2 구성 요소는 다음과 같다. export class ProductsComponent implements OnInit { products$: Observable; constructor( private service: ProductService ) { } ngOnInit() { this.products$ = this.service.getAll({page: 1}); } gotoPage(page: number): void { this.products$ = this.se..

programing 2022.03.13

구독이 더 이상 사용되지 않음:오류 콜백 대신 관찰자 사용

구독이 더 이상 사용되지 않음:오류 콜백 대신 관찰자 사용 내가 린터를 돌리면 다음과 같이 되어 있다. subscribe is deprecated: Use an observer instead of an error callback 코드(각-cli가 있는 각도 7 앱에서): this.userService.updateUser(data).pipe( tap(() => {bla bla bla}) ).subscribe( this.handleUpdateResponse.bind(this), this.handleError.bind(this) ); 뭘 어떻게 사용해야 하는지... 고마워!subscribe더 이상 사용되지 않고, 당신이 사용하고 있는 변종만 더 이상 사용되지 않는다.미래에subscribe오직 하나의 주장만을 ..

programing 2022.03.11

각도에서 경로 매개변수를 얻는 효율적인 방법

각도에서 경로 매개변수를 얻는 효율적인 방법 어떻게 하면 라우터 옵서버블을 더 효율적으로 사용할 수 있을까?예를 들어 단일 경로 파라미터를 로드해야 하는 경우(우리에게는 다음과 같은 경로가 있다고 가정해 보자./some-resource/:id)) 라우터 이벤트에 가입하고, 그 다음에 라우트 매개 변수에 가입해야 값을 얻을 수 있다.이것은 2개의 구독과 2개의 구독 취소를 필요로 한다. 다음이 필요함: 보일러 판 코드 감소 코드를 더 읽기 쉽게 만들기 구독 제거 샘플 export class SomeComponent implements OnInit, OnDestroy { private routerSub: Subscription; private routeSub: Subscription; someResource..

programing 2022.03.10

Scheduler.animationFrame과 fromEvent(윈도우, 'scroll') 스트림을 rxj로 어떻게 결합하시겠습니까?

Scheduler.animationFrame과 fromEvent(윈도우, 'scroll') 스트림을 rxj로 어떻게 결합하시겠습니까? 나는 두개의 관찰력이 있다.Observable.of(0, animationFrame)&Observable.fromEvent(window, 'scroll')나는 그것들을 결합해서 나의 것.renderScrollBar(event)애니메이션 프레임의 눈금에서만 호출된다. Observable.fromEvent(window, 'scroll') .map((event: any) => event.currentTarget) .subscribe((event) => { this._renderScrollBar(event); }); let x = 0; Observable.of(0, animati..

programing 2022.03.10
반응형