각도로 개체 필터링

나는 위스콘신

각 삽입에 ID가있는 고객의 건강 기록을 보여주는 앱이 있습니다. 다음과 같이 보입니다.

여기에 이미지 설명 입력

검색 기능이 있습니다. 입력 할 때 ID로 디스플레이를 필터링하고 싶습니다.

<input id="episode-id-input" placeholder="Search by episode ID..." type="text" class="validate" ng-model="vm.searchEpisodeById">

내 데이터가로드되는 방식은 다음과 같습니다 ng-repeat.

  <div ng-class="{
    'kept'     :person.pastAppointmentStatus == 'KEPT APPT.',
    'cancelled':person.pastAppointmentStatus == 'CANCELLED',
  }" class="past-appointments-meta-holder">


      <div class="meta-holder-title">
        <p class="meta-holder-title-name">
          {{person.activeReferralsType}}
        </p>
        <p class="meta-holder-title-date">
          {{person.activeReferralsDate| date:'MMMM dd, yyyy'}} | {{person.activeReferralsTime}}
        </p>
        <p class="meta-holder-title-status">
          {{person.pastAppointmentStatus}}
        </p>
        <p class="episode-id">
          EPISODE ID: {{person.episodeId}}
        </p>
      </div>

개체는 다음과 같습니다.

, "historyContainer" : [
                {
                   "activeReferralsType" : "new patient diabetic eye exam"
                  , "episodeId" : "9876"
                  , "activeReferralsDate" : new Date('1998-10-19')
                  , "activeReferralsTime" : "2:00PM"
                  , "referredFromName" : "Karen Rush, MD"
                  , "referredFromAddressFacilityName" : "Random Family Practice"
                  , "referredFromAddressFacilityAddressLineOne" : "1108 Cedar Road"
                  , "referredFromAddressFacilityAddressLineTwo" : "Chesapeake"

                }
                ,{
                   "activeReferralsType" : "new patient diabetic eye exam"
                  , "episodeId" : "87678678"
                  , "activeReferralsDate" : new Date('1998-10-19')
                  , "activeReferralsTime" : "2:00PM"
                  , "referredFromName" : "Karen Rush, MD"
                  , "referredFromAddressFacilityName" : "Random Family Practice"
                  , "referredFromAddressFacilityAddressLineOne" : "1108 Cedar Road"
                  , "referredFromAddressFacilityAddressLineTwo" : "Chesapeake"

                }
              ]

나는 전에 각도에서 필터 기능을 사용한 적이 없습니다. 누군가 ng-repeat가로드 된 후 div사용자가 입력 한 ID가있는 s 만 표시하기 위해 필터링하는 방법 을 보여줄 수 있습니까?

왜이

이런 식으로 할 수 있습니다. 전체 코드는 이 바이올린참조하십시오 .

  <div class="meta-holder-title" ng-repeat="person in person | filter: { episodeId: searchEpisodeById }">

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

키로 개체 개체 필터링

분류에서Dev

다른 개체 배열로 개체 배열 필터링 시도

분류에서Dev

각도, 필터링 및 배열의 하나의 개체 표시

분류에서Dev

ManyToManyField Django로 개체 필터링

분류에서Dev

배열로 개체 필터링

분류에서Dev

proberty 값으로 개체 필터링

분류에서Dev

키 배열로 개체 필터링

분류에서Dev

개체로 쿼리 집합 필터링

분류에서Dev

개체를 밑줄로 필터링

분류에서Dev

ID 배열로 개체 필터링

분류에서Dev

만든 날짜의 연도 및 월별로 개체 필터링

분류에서Dev

연도 범위를 기준으로 개체 필터링

분류에서Dev

Google지도-JavaScript 개체를 기반으로 결과 필터링

분류에서Dev

중첩 된 개체 배열을 개체 배열로 필터링

분류에서Dev

다중 값을 가진 다른 개체로 개체 필터링

분류에서Dev

개체 배열을 개체로 필터링

분류에서Dev

각도 6 (검색 별 필터링)에서 선택 드롭 다운을 구현하는 방법, 이름 속성으로 개체를 필터링하는 방법

분류에서Dev

각도를 기준으로 두 개의 드롭 다운 필터링

분류에서Dev

각도를 기준으로 두 개의 드롭 다운 필터링

분류에서Dev

동일한 값을 가진 각 객체를 개별 배열로 필터링

분류에서Dev

각도 필터링

분류에서Dev

자바 스크립트에서 연도 별 개체 필터링

분류에서Dev

전체 객체를 필터링하는 각도 중첩 배열

분류에서Dev

재귀 적으로 한 개체를 다른 개체로 필터링

분류에서Dev

여러 개체를 일치시켜 jq로 JSON 개체 목록 필터링

분류에서Dev

Django Querysets-관련 개체의 부울 값으로 개체 필터링

분류에서Dev

자바 스크립트에서 다른 개체로 개체 필터링

분류에서Dev

외부 루프에서 ID로 개체 목록 필터링

분류에서Dev

여러 기준으로 ManyToMany 관계의 개체 필터링

Related 관련 기사

  1. 1

    키로 개체 개체 필터링

  2. 2

    다른 개체 배열로 개체 배열 필터링 시도

  3. 3

    각도, 필터링 및 배열의 하나의 개체 표시

  4. 4

    ManyToManyField Django로 개체 필터링

  5. 5

    배열로 개체 필터링

  6. 6

    proberty 값으로 개체 필터링

  7. 7

    키 배열로 개체 필터링

  8. 8

    개체로 쿼리 집합 필터링

  9. 9

    개체를 밑줄로 필터링

  10. 10

    ID 배열로 개체 필터링

  11. 11

    만든 날짜의 연도 및 월별로 개체 필터링

  12. 12

    연도 범위를 기준으로 개체 필터링

  13. 13

    Google지도-JavaScript 개체를 기반으로 결과 필터링

  14. 14

    중첩 된 개체 배열을 개체 배열로 필터링

  15. 15

    다중 값을 가진 다른 개체로 개체 필터링

  16. 16

    개체 배열을 개체로 필터링

  17. 17

    각도 6 (검색 별 필터링)에서 선택 드롭 다운을 구현하는 방법, 이름 속성으로 개체를 필터링하는 방법

  18. 18

    각도를 기준으로 두 개의 드롭 다운 필터링

  19. 19

    각도를 기준으로 두 개의 드롭 다운 필터링

  20. 20

    동일한 값을 가진 각 객체를 개별 배열로 필터링

  21. 21

    각도 필터링

  22. 22

    자바 스크립트에서 연도 별 개체 필터링

  23. 23

    전체 객체를 필터링하는 각도 중첩 배열

  24. 24

    재귀 적으로 한 개체를 다른 개체로 필터링

  25. 25

    여러 개체를 일치시켜 jq로 JSON 개체 목록 필터링

  26. 26

    Django Querysets-관련 개체의 부울 값으로 개체 필터링

  27. 27

    자바 스크립트에서 다른 개체로 개체 필터링

  28. 28

    외부 루프에서 ID로 개체 목록 필터링

  29. 29

    여러 기준으로 ManyToMany 관계의 개체 필터링

뜨겁다태그

보관