특정 개체에 아이콘 표시
마티 투치
다음 ng-repeat과 같이 사용하여 목록을 렌더링하고 있습니다 .
<div ng-repeat="pet in pets">
<h2 ng-bind="pet.name"></h2>
<i class="icon favorite" ng-class="pet.fav ? 'ion-ios7-heart' : 'ion-ios7-heart-outline'" ng-click="toggleFav(pet._id,$event)"></i>
<i class="LOADING ICON TO SHOW" ng-show="something?"></i>
</div>
하트 버튼은 항목의 '좋아요'를 전환하는 것입니다. 그 하트를 숨기고 사용자가 탭하면 다른 아이콘 (로드 중)을 표시하고 싶습니다. 하지만 탭한 항목에만 해당됩니다.
나는 시도 ng-show했지만 분명히 내 목록의 모든 항목에서 마음을 표시 / 숨 깁니다.
누군가가 어떤 아이디어를 가지고 있거나 (아마도를 사용하여 $index) 프로젝트에서 비슷한 작업을해야 했습니까?
감사!
크리슈나 테자 비 라마 카네 니
여기에 한 가지 방법이 있습니다.
컨트롤러에서 currentIndex라는 속성을 만들고 사용자가 하트 아이콘을 탭할 때 해당 함수에 $ index를 전송하여 toggleFav 함수에 설정합니다.
그런 다음 ng-show에서 ng-show = "currentIndex == $ index"를 사용할 수 있으며 완료되면 currentIndex를 -1 또는 다른 것으로 재설정 할 수 있습니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
에서 수정
관련 기사
Related 관련 기사
- 1
특정 개체에 아이콘 표시
- 2
테이블에 개체 상태 표시 (아이콘)
- 3
작업 표시 줄 아이콘에 고정 (2)이 추가됨
- 4
PowerPoint : 특정 애니메이션 단계에 속한 개체 만 표시
- 5
특정 영역의 바탕 화면에 아이콘이 표시되는 것을 어떻게 중지합니까?
- 6
특정 영역의 바탕 화면에 아이콘이 표시되는 것을 어떻게 중지합니까?
- 7
SAP GUI에 사용자 지정 아이콘 표시
- 8
사용자 지정 작업 표시 줄에 아이콘 추가
- 9
명령 줄을 사용하여 Windows 알림 영역에 특정 아이콘 표시 / 숨기기
- 10
표 행 android에 아이콘 정렬
- 11
표 행 android에 아이콘 정렬
- 12
특정 페이지에있는 경우 콘텐츠 표시
- 13
필드 콘텐츠에 대한 특정 이미지 표시
- 14
Angularjs에서 아이콘 및 사용자 지정 메시지에 오류 표시
- 15
특정 테이블에 제약 표시
- 16
DataGridView에 특정 xml 데이터 표시
- 17
Android 푸시 알림 (GCN)의 작업 표시 줄에서 앱 아이콘 수정
- 18
AppIndicator3 : 파일 이름 또는 GdkPixbuf에서 표시기 아이콘 설정
- 19
마스터 세부 정보 페이지-Android에서 메뉴 아이콘 표시
- 20
SVG 아이콘 : 표에서 아이콘을 가로로 정렬하는 방법
- 21
Windows 7의 모든 프로필에 대해 특정 트레이 아이콘이 항상 표시되도록 설정
- 22
SSRS 정렬 아이콘이 헤더에 표시되지 않지만 열 값에 표시됨
- 23
v-on : click이 특정 개체에 대해서만 모달을 표시하는 방법이 있습니까?
- 24
div hover 포함에 아이콘 표시
- 25
Android에서 알림에 표시되는 2 개의 작은 아이콘을 설정하는 방법
- 26
GWT의 모든 열에 대해 정렬 아이콘을 표시하는 방법
- 27
작업 표시 줄 아이콘을 왼쪽에 정렬하는 방법
- 28
Windows 10 : 작업 표시 줄에 고정 된 아이콘이 때때로 표시되지 않음
- 29
사용자 지정 작업 표시 줄에 탐색 창 아이콘이 표시되지 않습니까?
몇 마디 만하겠습니다