각 삽입에 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] 삭제
몇 마디 만하겠습니다