홈>
방금 Angular 6을 사용하기 시작했기 때문에 아마도 매우 간단한 질문에 대해 사과드립니다. 또한 방금
ngxs
를 사용하기 시작했습니다.
상태 관리를 위해.
@Select
가 있어요
구성 요소의 상태에서 관찰 가능한 속성입니다.
@Select(HomeState.isLoading) isLoading$: Observable<boolean>;
제 질문은, 실제로
isLoading
를 어떻게 사용합니까?
컴포넌트 템플릿에? 템플릿에서 관찰 가능한 상태 속성을 사용하기위한 일반적인 패턴은 무엇입니까? Observable을 구독하고 값을 컴포넌트의 다른 특성에 맵핑해야합니까, 아니면 템플리트에서 Observable을 사용하는 방법이 있습니까?
물론, 그것이 바로
boolean
라면
*ngIf="isLoading"
처럼 사용할 수 있습니다
템플릿에서.
- 답변 # 1
관련 자료
- html - Django 템플릿 {% staric 'img/header/header-1jpg %}에서 인라인 url () 속성 사용
- ajax - JavaScript를 사용하여 여러 선택 상자를 동적으로로드
- javascript - shiny의 DT 패키지에서 선택 확장과 함께 제공되는 모두 선택 버튼을 사용하여 필터링 된 행만 선택합니다
- PHP를 사용하여 선택 태그에 대한 옵션으로 월 생성
- python - 등록 양식에서 선택 옵션을 사용하는 Djangopy
- sql - 기본 쿼리의 속성으로 하위 쿼리의 열 별칭 사용
- 속성 접근자를 사용하는 Typescript가 인터페이스를 확인하지 않습니다
- vue.js - vuejs - vuejs의 계산 된 객체 내에서 get 및 set 속성을 사용하면 오류가 표시됨
- HTML에서 일반 텍스트를 가져 오지만 javascript를 사용하여 선택 태그에 제목 속성을 유지하고 싶습니다
- pandas - 데이터 프레임에서 특정 행을 선택하고 그룹화하고 파이썬을 사용하여 합계를 찾는 방법은 무엇입니까?
- python - xpath를 사용하여 속성에서 속성 ID 추출
- Concat을 사용하는 MYSQL SELECT가 원하는 결과를 반환하지 않습니까?
- typescripts 템플릿 리터럴 유형 기능을 사용하여 접두사 유형 빌드
- python - 팬더, 목록의 입력을 사용하여 날짜 선택
- spring - thymleaf를 사용하여 객체의 목록 속성에 액세스하는 방법
- javascript - xpath를 사용하여 속성 페이지 URL 구문 분석
- awk - 기본 제공 UNIX 도구 중 하나를 사용하여 텍스트 범위 선택
- javascript - Onchange 선택 상자 jQuery를 사용하여 입력 상자 표시
- jButtongroup을 사용하여 Java를 사용하여 라디오 버튼을 선택하는 방법
- mysql - 다른 테이블에서 선택하기 위해 테이블에서 시간 간격 사용
관련 질문
- angular : 각형 5 HTTP POST 내부 서버 오류 구성 요소에 가입 할 수 없음
- Angular 4+ ngondestroy () 서비스 -관찰 가능
- 왜 구성 요소가 Angular 및 Typescript에서 서비스로 반환 된 데이터를 읽을 수없는 이유는 무엇입니까?
- angular : 각도 서비스 비헤이비어 튜브는 비동기 파이프를 사용하여 중복 데이터를 표시합니다
- angular : 조건이 충족되면 나중에 TakeNtil을 사용하여 탈퇴하십시오
- angular : rxjs는 비동기 Firebase 관찰 가능한 스트림을 주문합니다
- angular : 관측 할 수있는 약속을 사용할 때?
- angular : 관찰자의 여러 실행을 방지합니다
- typescript : Observable 가입이 실행되지 않습니다
- javascript : 속성 '파이프'유형 'void'angular 9 유형에 존재하지 않습니다.
옵저버 블을 사용한다는 아이디어는 템플릿의 '비동기'파이프를 사용하여 구독을 각도로 관리하는 것입니다. 그렇지 않으면 어느 시점에서 직접 할 경우 모든 구독을 관리해야합니다. 구성 요소가 손상되었습니다. 당신이
).isLoading를 제시하는 예에서 템플릿에서 변수를 사용하여 구성 요소의 일부를 표시하거나 숨길 수 있습니다 (예 :제 생각에 좋은 패턴은 항상 뷰가 구독을 처리하도록하는 것입니다!. 관찰 가능 변수에 나오는 변수를 변환해야하는 경우 언제든지 변수를 파이프하고 변환 할 수 있습니다.