>source

빠른 도움말 : div에서 모두가 아닌 고유 한 값만 표시하고 싶었습니다.

<div *ngFor="let user of allUser">
{{user.gender}}
</div>

채워지고있다

여기에 고유 한 값만 표시하려면 어떻게해야합니까? 2 : 남성과 여성이 표시되어야합니다.


  • 답변 # 1

    ts 파일에 getter를 만듭니다 (이름은 무엇이든 가능).

    get uniqueGenders(){
        return new Set(this.allUser.map(x=>x.gender))
    }
    
    

    템플릿에서 사용

    <div *ngFor="let item of uniqueGenders">
      {{item}}
    </div>
    
    

    여기에서 getter 및 setter에 대해 자세히 알아보세요.

  • 답변 # 2

    나는 그들이 배열에 저장되어 있다고 생각한다 ..? 세트를 사용할 수 있습니다 (야잔이 언급했듯이)

    let ngFor = [ 'male', 'male', 'female', 'male', 'female']

    let 성별 = [... new Set (ngFor)]

    https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set

관련 자료

  • 이전 loops - Python PyGame의 Simon Game Project- 패턴을 통해 반복?
  • 다음 PHP로 json 데이터 반환 시도