>
방금 Angular 6을 사용하기 시작했기 때문에 아마도 매우 간단한 질문에 대해 사과드립니다. 또한 방금 ngxs 를 사용하기 시작했습니다.  상태 관리를 위해.

@Select 가 있어요  구성 요소의 상태에서 관찰 가능한 속성입니다.

@Select(HomeState.isLoading) isLoading$: Observable<boolean>;

제 질문은, 실제로 isLoading 를 어떻게 사용합니까?  컴포넌트 템플릿에? 템플릿에서 관찰 가능한 상태 속성을 사용하기위한 일반적인 패턴은 무엇입니까? Observable을 구독하고 값을 컴포넌트의 다른 특성에 맵핑해야합니까, 아니면 템플리트에서 Observable을 사용하는 방법이 있습니까?

물론, 그것이 바로 boolean 라면 *ngIf="isLoading" 처럼 사용할 수 있습니다  템플릿에서.


  • 답변 # 1

    옵저버 블을 사용한다는 아이디어는 템플릿의 '비동기'파이프를 사용하여 구독을 각도로 관리하는 것입니다. 그렇지 않으면 어느 시점에서 직접 할 경우 모든 구독을 관리해야합니다. 구성 요소가 손상되었습니다. 당신이 isLoading 를 제시하는 예에서  템플릿에서 변수를 사용하여 구성 요소의 일부를 표시하거나 숨길 수 있습니다 (예 :

    ).
    <div *ngIf="isLoading$ | async">show loader</div>
    
    

    제 생각에 좋은 패턴은 항상 뷰가 구독을 처리하도록하는 것입니다!. 관찰 가능 변수에 나오는 변수를 변환해야하는 경우 언제든지 변수를 파이프하고 변환 할 수 있습니다.

관련 자료

  • 이전 Docker의 Azure Nodejs 앱 서비스는/dev/tty 로그를 열 수 없습니다
  • 다음 kotlin - embedId가있는 findAllBy JPA