Angular 2 ng2 템플릿 내에서 TypeScript 열거 형을 사용하는 방법은 무엇입니까?

아담 미칼 스키

유형이 다른 여러 필터에 대한 구성 요소가 있습니다. 유형 인식을 위해 필터 유형과 함께 열거 형을 사용하고 싶습니다. 아래 샘플이 작동하지 않을 때 템플릿 내부에서 열거 형을 사용하는 방법은 무엇입니까?

이 열거 형을 사용하려는 구성 요소 내부의 열거 형 만 가져 와서 작동해야한다고 생각했습니다.

import { FilterType } from './types/FilterType';

그리고 같은 템플릿 내에서 사용 FilterType.INPUT_SELECT하고 FilterType.INPUT_TEXT그때 변수를 사용하지만 또한 does'nt 작업이지만 작업을 does'nt.

<div *ngFor='let filter of filters'>
  <select *ngIf='filter.type === checkType.INPUT_SELECT'>...</select>
  <input *ngIf='filter.type === checkType.INPUT_TEXT'></input>
</div>
...
export class FiltersComponent {
  checkType: FilterType;
  @Input() filters: any[];
}
...
export enum FilterType {
  INPUT_SELECT,
  INPUT_TEXT
}
Günter Zöchbauer

`checkType : '에 값을 할당해야합니다.

checkType: FilterType = FilterType;

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

Angular 2 템플릿 내에서 Django 템플릿을 사용하는 방법은 무엇입니까?

분류에서Dev

Angular 2 블로그 게시물에 대해 서로 다른 템플릿의 형식을 지정하는 방법은 무엇입니까?

분류에서Dev

Angular.js : 템플릿에서 ng-href를 사용하는 방법은 무엇입니까?

분류에서Dev

Angular에서 ES6 문자열 템플릿을 사용하여 변수에 굵게 (스타일)을 할당하는 방법은 무엇입니까?

분류에서Dev

Ionic 2 / TypeScript에서 (Cordova) 플러그인을 사용하는 방법은 무엇입니까?

분류에서Dev

Angular UI Bootstrap Datepicker에서 템플릿을 사용하는 방법은 무엇입니까?

분류에서Dev

Typescript / Angular 2에서 약속을 만드는 방법은 무엇입니까?

분류에서Dev

jinja2 템플릿에서이 속성을 반복하는 방법은 무엇입니까?

분류에서Dev

2 곳에서 Joomla 3 구성 요소 템플릿을 재정의하는 방법은 무엇입니까?

분류에서Dev

파이썬에서 jinja2의 기본 템플릿을 설정하는 방법은 무엇입니까?

분류에서Dev

Angular : 템플릿 내에서 불변 js 맵을 반복하는 방법은 무엇입니까?

분류에서Dev

Ansible을 사용하는 네트워크 스위치의 실행중인 구성 (변수로 선언 됨)에 이미있는 경우 j2 템플릿 내 구성을 건너 뛰거나 무시하는 방법은 무엇입니까?

분류에서Dev

템플릿 함수를 사용하여 문자열에서 하위 문자열을 제거하는 방법은 무엇입니까?

분류에서Dev

Struts2-거의 동일한 6 개의 JSP에 대한 템플릿을 작성하는 방법은 무엇입니까?

분류에서Dev

ng2는 구성 요소에서 상속하고 부모 템플릿을 확장합니다.

분류에서Dev

Typescript에서 다른 이름으로 열거 형을 다시 내보내는 방법은 무엇입니까?

분류에서Dev

transcluded 템플릿 내에서 ng-repeat 항목을 얻는 방법은 무엇입니까?

분류에서Dev

Angular 2 typescript에서 JSON을 generic Object []로 캐스팅하는 가장 좋은 방법은 무엇입니까?

분류에서Dev

TypeScript-Angular2에서 jsPDF를 올바르게 사용하는 방법은 무엇입니까?

분류에서Dev

Angular2, 공용 부분에 하나의 템플릿을 사용하고 관리자 부분에 하나의 템플릿을 사용하는 방법

분류에서Dev

Angular Covalent 템플릿에서 중복 된 스크롤바를 제거하는 방법은 무엇입니까?

분류에서Dev

Angular 2-typescript에서 FileReader를 사용하여 주어진 URL에서 파일을 읽는 방법은 무엇입니까?

분류에서Dev

다른 템플릿에 대해 Angular에서 정의되지 않은 배열을 처리하는 방법은 무엇입니까?

분류에서Dev

angular2 [typescript]에서 복잡한 json 구조로 모델을 정의하는 방법은 무엇입니까?

분류에서Dev

`템플릿`클래스의 열거 형에 선언을 사용하지 않는 이유는 무엇입니까?

분류에서Dev

Typescript에서 배열 / JSON을 반복하여 하위 메뉴가있는 Angular 2 템플릿 메뉴 만들기

분류에서Dev

Angular 템플릿에서 값 0으로 promise / observable을 표시하는 방법은 무엇입니까?

분류에서Dev

Angular 4에서 새 템플릿을 호출하는 방법은 무엇입니까?

분류에서Dev

Chef apache2 기본 사이트 템플릿을 재정의하는 방법은 무엇입니까?

Related 관련 기사

  1. 1

    Angular 2 템플릿 내에서 Django 템플릿을 사용하는 방법은 무엇입니까?

  2. 2

    Angular 2 블로그 게시물에 대해 서로 다른 템플릿의 형식을 지정하는 방법은 무엇입니까?

  3. 3

    Angular.js : 템플릿에서 ng-href를 사용하는 방법은 무엇입니까?

  4. 4

    Angular에서 ES6 문자열 템플릿을 사용하여 변수에 굵게 (스타일)을 할당하는 방법은 무엇입니까?

  5. 5

    Ionic 2 / TypeScript에서 (Cordova) 플러그인을 사용하는 방법은 무엇입니까?

  6. 6

    Angular UI Bootstrap Datepicker에서 템플릿을 사용하는 방법은 무엇입니까?

  7. 7

    Typescript / Angular 2에서 약속을 만드는 방법은 무엇입니까?

  8. 8

    jinja2 템플릿에서이 속성을 반복하는 방법은 무엇입니까?

  9. 9

    2 곳에서 Joomla 3 구성 요소 템플릿을 재정의하는 방법은 무엇입니까?

  10. 10

    파이썬에서 jinja2의 기본 템플릿을 설정하는 방법은 무엇입니까?

  11. 11

    Angular : 템플릿 내에서 불변 js 맵을 반복하는 방법은 무엇입니까?

  12. 12

    Ansible을 사용하는 네트워크 스위치의 실행중인 구성 (변수로 선언 됨)에 이미있는 경우 j2 템플릿 내 구성을 건너 뛰거나 무시하는 방법은 무엇입니까?

  13. 13

    템플릿 함수를 사용하여 문자열에서 하위 문자열을 제거하는 방법은 무엇입니까?

  14. 14

    Struts2-거의 동일한 6 개의 JSP에 대한 템플릿을 작성하는 방법은 무엇입니까?

  15. 15

    ng2는 구성 요소에서 상속하고 부모 템플릿을 확장합니다.

  16. 16

    Typescript에서 다른 이름으로 열거 형을 다시 내보내는 방법은 무엇입니까?

  17. 17

    transcluded 템플릿 내에서 ng-repeat 항목을 얻는 방법은 무엇입니까?

  18. 18

    Angular 2 typescript에서 JSON을 generic Object []로 캐스팅하는 가장 좋은 방법은 무엇입니까?

  19. 19

    TypeScript-Angular2에서 jsPDF를 올바르게 사용하는 방법은 무엇입니까?

  20. 20

    Angular2, 공용 부분에 하나의 템플릿을 사용하고 관리자 부분에 하나의 템플릿을 사용하는 방법

  21. 21

    Angular Covalent 템플릿에서 중복 된 스크롤바를 제거하는 방법은 무엇입니까?

  22. 22

    Angular 2-typescript에서 FileReader를 사용하여 주어진 URL에서 파일을 읽는 방법은 무엇입니까?

  23. 23

    다른 템플릿에 대해 Angular에서 정의되지 않은 배열을 처리하는 방법은 무엇입니까?

  24. 24

    angular2 [typescript]에서 복잡한 json 구조로 모델을 정의하는 방법은 무엇입니까?

  25. 25

    `템플릿`클래스의 열거 형에 선언을 사용하지 않는 이유는 무엇입니까?

  26. 26

    Typescript에서 배열 / JSON을 반복하여 하위 메뉴가있는 Angular 2 템플릿 메뉴 만들기

  27. 27

    Angular 템플릿에서 값 0으로 promise / observable을 표시하는 방법은 무엇입니까?

  28. 28

    Angular 4에서 새 템플릿을 호출하는 방법은 무엇입니까?

  29. 29

    Chef apache2 기본 사이트 템플릿을 재정의하는 방법은 무엇입니까?

뜨겁다태그

보관