홈>
방금 Angular 6을 사용하기 시작했기 때문에 아마도 매우 간단한 질문에 대해 사과드립니다. 또한 방금
ngxs
를 사용하기 시작했습니다.
상태 관리를 위해.
@Select
가 있어요
구성 요소의 상태에서 관찰 가능한 속성입니다.
@Select(HomeState.isLoading) isLoading$: Observable<boolean>;
제 질문은, 실제로
isLoading
를 어떻게 사용합니까?
컴포넌트 템플릿에? 템플릿에서 관찰 가능한 상태 속성을 사용하기위한 일반적인 패턴은 무엇입니까? Observable을 구독하고 값을 컴포넌트의 다른 특성에 맵핑해야합니까, 아니면 템플리트에서 Observable을 사용하는 방법이 있습니까?
물론, 그것이 바로
boolean
라면
*ngIf="isLoading"
처럼 사용할 수 있습니다
템플릿에서.
- 답변 # 1
관련 자료
- scala - udf를 사용하여 데이터 프레임의 열을 선택하십시오
- mysql - 내부 선택의 결과를 사용하여 별도의 테이블에서 선택 내에서 선택
- HTML 태그를 사용하지 않고 선택 항목에서 옵션을 그룹화하는 방법
- sql - DateTime 유형 열에서 WHERE 절을 사용하여 연도를 선택하는 방법
- javascript - "this"를 사용하여 정의되지 않은 'currentStatus'속성을 설정할 수 없습니다
- Python Selenium을 사용하여 부트 스트랩 드롭 다운에서 요소를 어떻게 선택합니까?
- javascript - 선택 텍스트를 무시하고 숫자 값만 사용해야합니다 vue를 사용하고 있습니다
- sql - 지연을 사용하여 선택 결과에서 선택
- angular - 비동기 파이프를 사용하여 뷰에서 렌더링 된 Observable의 길이를 확인하는 방법
- c# - 리플렉션을 사용하여 속성을 해당 유형의 프록시 객체로 설정
- 셀레늄과 C #을 사용하여 날짜 선택 도구에서 날짜를 선택할 수 없습니다
- sql - 왼쪽 조인을 사용하여 일정 목록 선택 절차를 표시하고 단일 날짜에 둘 이상의 데이터를 표시합니다
- c# - Linq 쿼리 구문이 가장 낮은 객체를 선택하는 방법
- python - 청사진을 사용하여 플라스크에 템플릿을 렌더링 할 때 이미지가 표시되지 않습니다
- c# - EF Core 및 DDD 사용시 엔티티의 UpdatedAt 속성 설정
- c++ - 'using'을 사용한 템플릿 템플릿 멤버 상속
- mysql - AND (OR)를 사용하여 여러 행 값을 기반으로 선택
- select 문을 사용하여 SQL 2008 r2에서 누락 된 데이터를 처리하는 방법은 무엇입니까?
- flutter - Observable이 이벤트를 발생시키는 경우 StreamBuilder의 hasData 속성이 True로 설정되지 않은 이유는 무엇입니까?
- angular - 캔 트는 템플릿 변수를 사용하여 함수를 호출합니다
관련 질문
- angular - 문자열의 Observable을 반환하는 방법
- angular - @Input에 의존하는 Observable을 생성하고 업데이트하는 방법
- angular - RxJS pipable 연산자간에 데이터를 전달하는 가장 좋은 방법은 무엇입니까?
- angular - Observable 의 값으로 배열을 작은 청크로 분할
- angular - T1 유형의 배열을 T2 유형의 배열에 매핑
- rxjs - rjx 및 각도를 사용한 폴링 요청
- angular - rx 방식으로 for 루프 내부를 구독하고 방출 된 값을 하나의 배열에 저장하는 방법
- angular - observable을 @Input에 반환하는 함수를 바인딩 할 수 있습니까?
- angular - Observable 가져 오기가 백엔드로 전송되지 않습니다
- rxjs - 여전히 Angular canActivate 보호에서 defaultIfEmpty ()를 사용하지 않음
옵저버 블을 사용한다는 아이디어는 템플릿의 '비동기'파이프를 사용하여 구독을 각도로 관리하는 것입니다. 그렇지 않으면 어느 시점에서 직접 할 경우 모든 구독을 관리해야합니다. 구성 요소가 손상되었습니다. 당신이
).isLoading를 제시하는 예에서 템플릿에서 변수를 사용하여 구성 요소의 일부를 표시하거나 숨길 수 있습니다 (예 :제 생각에 좋은 패턴은 항상 뷰가 구독을 처리하도록하는 것입니다!. 관찰 가능 변수에 나오는 변수를 변환해야하는 경우 언제든지 변수를 파이프하고 변환 할 수 있습니다.