복붙노트

[ANGULAR] 앵귤러의 지정되지 않은 구성 요소 사이의 속성 상태를 설정하거나 전달하는 방법

ANGULAR

앵귤러의 지정되지 않은 구성 요소 사이의 속성 상태를 설정하거나 전달하는 방법

해결법


  1. 1.상위 자식 관계가없는 두 개의 구성 요소간에 데이터를 공유하려면 설명한 것처럼 서비스를 사용할 것입니다. 메시지가 메시지 서비스 구현을 보지 않고 문제가 무엇인지 알리는 것은 어렵습니다.

    상위 자식 관계가없는 두 개의 구성 요소간에 데이터를 공유하려면 설명한 것처럼 서비스를 사용할 것입니다. 메시지가 메시지 서비스 구현을 보지 않고 문제가 무엇인지 알리는 것은 어렵습니다.

    나는 당신이 당신의 상황에 검토하고 적용 할 수있는 간단한 예를 함께 던졌다. 아래 링크는 앵귤러 구성 요소 상호 작용 및 스택 부리를 작성하는 방식과 비슷한 LoadingService를 생성하는 방식으로 앵글 구성 요소 상호 작용과 스택 블리츠를 설명하는 데 도움이되는 몇 가지 자원이 있습니다.

    import { Injectable } from '@angular/core';
    import { Observable } from 'rxjs/Observable';
    import { BehaviorSubject } from 'rxjs/BehaviorSubject';
    
    @Injectable()
    export class LoadingService {
    
      private isLoadingSource: BehaviorSubject<boolean> = new BehaviorSubject<boolean>(false);
      public isLoading: Observable<boolean> = this.isLoadingSource.asObservable();
    
      constructor() { }
    
      set loading(value: boolean) {
        this.isLoadingSource.next(value);
      }
      
    }
    
  2. from https://stackoverflow.com/questions/55317878/how-to-set-or-pass-a-property-state-between-unnested-component-in-angular by cc-by-sa and MIT license