ng-repeat 루프 내부 호출 메서드

티아고 실바

ng-repeat 내부의 메서드를 간단히 호출하려고하는데 호출 할 때 요소가 존재하지 않습니다. 왜, 어떻게 고칠 수 있는지 모르겠습니다 ...

ID가 정확합니다. 로드 후 개발 콘솔에서 실행하면 작동합니다.

$scope.buildAchievementLineFill = (achievement) => {
    console.log($('#achievement-progress-' + achievement.achievementId)); // This is empty
    $('#achievement-progress-' + achievement.achievementId).xmlinefill({
        width: 150,
        percent: achievement.unlocked ? 100 : 0,
        fillWidth: 6,
        gradient: true,
        gradientColors: ['#10fac0', '#1cbdf9'],
        speed: 2,
        outline: true
    });            
}
<div class="badges-showcase-item column" ng-repeat="achievement in achievements">  
    <div class="badge-progress"
         id="achievement-progress-{{achievement.achievementId}}"
         ng-init="buildAchievementLineFill(achievement);">
    </div>
</div>

ng-init에서 메서드를 호출 할 때 ID가 존재하지 않는 이유는 무엇입니까 ?? 이 문제를 어떻게 해결할 수 있습니까?

알록 말리

코드를 아래 코드로 바꾼 후 시도하십시오.

<div class="badges-showcase-item column" ng-repeat="achievement in achievements">  
    <div class="badge-progress" id="achievement-progress-{{achievement.achievementId}}" ></div>
    {{ buildAchievementLineFill(achievement) }}
</div>

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

ng-repeat 내부에서 초기화 함수 호출

분류에서Dev

AngularJS : ng-repeat 내부에서 컨트롤러 함수 호출

분류에서Dev

외부 메소드의 루비 루프에서 다음 호출

분류에서Dev

ng-repeat 루프 내에서 특정 데이터 검색 angularjs

분류에서Dev

ng-repeat 내부 함수가 4 번 호출 됨 (AngularJs)

분류에서Dev

뷰 내의 루프에서 쿼리 메서드 호출

분류에서Dev

뷰 내의 루프에서 쿼리 메서드 호출

분류에서Dev

AngularJS : 루프 내에서 팩토리 메서드 호출

분류에서Dev

ng-repeat 루프 내부의 ng-click을 클릭 한 요소로 분리

분류에서Dev

ng-repeat에서 함수 호출?

분류에서Dev

내부 요소에서만 ng-repeat

분류에서Dev

ng-mouseenter 및 ng-mouseleave가 ng-repeat 루프 내에서 작동하지 않습니다.

분류에서Dev

Python : AttributeError : 'str'객체는 for 루프 내부에서 메서드를 호출 할 때 속성이 없습니다.

분류에서Dev

foreach 루프 내부에서 SwiftUI .onTapGesture가 호출되지 않음

분류에서Dev

루프 내에서 조건부 및 함수 호출 방지

분류에서Dev

for 루프 내부에서 Function.prototype.call.apply 호출

분류에서Dev

루프에서 Future 메서드 호출

분류에서Dev

ForEach 루프 내에서 함수 호출

분류에서Dev

루프 내에서 함수 호출

분류에서Dev

* ngIf 내부에서 메서드 호출

분류에서Dev

ng-repeat로 angularJS 루프

분류에서Dev

$ routeProvider 내부의 AngularJS 호출 메서드

분류에서Dev

각 루프 내부의 Ajax 호출

분류에서Dev

루프 내부의 비동기 호출

분류에서Dev

Javascript-프로토 타입 메서드 내부에서 자식 메서드 호출

분류에서Dev

ng-repeat 내부에서 ng-repeat 인덱스 가져 오기

분류에서Dev

while 루프 내부에서 로깅을 호출 할 수 없습니다.

분류에서Dev

for 루프 내부에서 블록 호출 후 읽기 스트림을 플러터

분류에서Dev

C ++ While (1) 루프는 내부에서 if 문을 호출하지 않습니다.

Related 관련 기사

  1. 1

    ng-repeat 내부에서 초기화 함수 호출

  2. 2

    AngularJS : ng-repeat 내부에서 컨트롤러 함수 호출

  3. 3

    외부 메소드의 루비 루프에서 다음 호출

  4. 4

    ng-repeat 루프 내에서 특정 데이터 검색 angularjs

  5. 5

    ng-repeat 내부 함수가 4 번 호출 됨 (AngularJs)

  6. 6

    뷰 내의 루프에서 쿼리 메서드 호출

  7. 7

    뷰 내의 루프에서 쿼리 메서드 호출

  8. 8

    AngularJS : 루프 내에서 팩토리 메서드 호출

  9. 9

    ng-repeat 루프 내부의 ng-click을 클릭 한 요소로 분리

  10. 10

    ng-repeat에서 함수 호출?

  11. 11

    내부 요소에서만 ng-repeat

  12. 12

    ng-mouseenter 및 ng-mouseleave가 ng-repeat 루프 내에서 작동하지 않습니다.

  13. 13

    Python : AttributeError : 'str'객체는 for 루프 내부에서 메서드를 호출 할 때 속성이 없습니다.

  14. 14

    foreach 루프 내부에서 SwiftUI .onTapGesture가 호출되지 않음

  15. 15

    루프 내에서 조건부 및 함수 호출 방지

  16. 16

    for 루프 내부에서 Function.prototype.call.apply 호출

  17. 17

    루프에서 Future 메서드 호출

  18. 18

    ForEach 루프 내에서 함수 호출

  19. 19

    루프 내에서 함수 호출

  20. 20

    * ngIf 내부에서 메서드 호출

  21. 21

    ng-repeat로 angularJS 루프

  22. 22

    $ routeProvider 내부의 AngularJS 호출 메서드

  23. 23

    각 루프 내부의 Ajax 호출

  24. 24

    루프 내부의 비동기 호출

  25. 25

    Javascript-프로토 타입 메서드 내부에서 자식 메서드 호출

  26. 26

    ng-repeat 내부에서 ng-repeat 인덱스 가져 오기

  27. 27

    while 루프 내부에서 로깅을 호출 할 수 없습니다.

  28. 28

    for 루프 내부에서 블록 호출 후 읽기 스트림을 플러터

  29. 29

    C ++ While (1) 루프는 내부에서 if 문을 호출하지 않습니다.

뜨겁다태그

보관