컨트롤러에서 AngularJS의 사용자 지정 지시문으로 배열 개체 전달

user1551211

각도 컨트롤러에서 사용자 지정 지시문 요소로 개체 배열을 전달하고 ng-repeat로 개체를 반복하려고하지만 다음 오류가 나타납니다. [ngRepeat : dupes]

home.js :

home.controller("homeController", function ($scope) {

    $scope.points =[

        {
            "url": '../assets/images/concert.jpg',
            "id":1
        },
        {
            "url": '../assets/images/dance.jpg',
            "id":2
        },
        {
            "url": '../assets/images/music.jpg',
            "id":3
        },
        {
            "url": '../assets/images/jazz.jpg',
            "id":4
        },
        {
            "url": '../assets/images/violin.jpg',
            "id":5
        },
        {
            "url": '../assets/images/music.jpg',
            "id":6
        }
    ];

});

Shareddirectives.js :

var sharedDirectives = angular.module("sharedDirectives", []);


sharedDirectives.directive("interestPoints", function () {

    function link($scope, element, attributes, controller ) {

       $(element).find('#interest-points').owlCarousel({
           items : 4, //4 items above 1200px browser width
           itemsDesktop : [1200,3], //3 items between 1200px and 992px
           itemsDesktopSmall : [992,3], // betweem 992px and 768px
           itemsTablet: [850,2], //1 items between 768 and 0
           itemsMobile : [600,1] // itemsMobile disabled - inherit from itemsTablet option

       });
    }

    return {
        restrict: "E",
        templateUrl : "../html/views/interest-points.html",
        link: link,
        scope: {
            interestPoints: '@'
        }

    };
});

interest-points.html :

<div id="interest-points" class="owl-carousel">
    <div ng-repeat="point in interestPoints" class="item">
        <img ng-src="{{point.url}}" alt="Owl Image"><h4>27<br>JUL</h4>

    </div>
</div>

home.html :

<div ng-controller='homeController'>
<interest-points interest-points="{{points}}""></interest-points>
</div>

$ index로 트랙을 시도했지만 오류가 나타나지 않고 반복되지 않습니다.

musically_ut

범위 interestPoints: '@'에 바인딩하는 방법으로 사용 하고 interestPoints있습니다. 즉 실제로 단지 문자열 결합 {{points}}interestPoints대신 실제로 부모의 범위에서 그 표현을 평가합니다.

를 사용하여 interestPoints: '='다음 바인딩 방법으로하고 interest-points="points"원하는 동작을 얻을 수 있습니다.

Directive definition object 제목 아래의 관련 문서 .

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

컨트롤러의 사용자 지정 메서드에 개체 호출 및 전달

분류에서Dev

Android의 다른 활동에 사용자 지정 개체 배열 전달

분류에서Dev

C # .NET DLL에서 MFC로 사용자 지정 개체 배열 다시 전달

분류에서Dev

ajax를 사용하여 컨트롤러의 객체에 문자열 전달

분류에서Dev

angularjs를 사용하여 $ scope 변수를 컨트롤러에서 지시문으로 전달하는 방법

분류에서Dev

사용자 지정 지시문의 컨트롤러에서 작동하지 않는 팩토리 개체 확인

분류에서Dev

사용자 지정 인증 공급자에서 컨트롤러로 사용자 지정 개체를 전달하는 방법은 무엇입니까?

분류에서Dev

사용자 정의 UI 셀에서 뷰 컨트롤러로 데이터 전달

분류에서Dev

사용자 정의 tableview 셀에서 UIView 컨트롤러로 데이터 전달

분류에서Dev

컨트롤러의 HTTPGET 메서드에서 사용자 지정 작업 필터로 동적 변수 전달

분류에서Dev

Angularjs는 배열을 매개 변수로 사용자 지정 필터에 전달합니다.

분류에서Dev

배열에 전달 된 개체에서 컨트롤러 속성 설정

분류에서Dev

개체의 "이름"속성을 선택 태그의 표시 옵션으로 사용하지만 "id"를 컨트롤러에 전달합니다.

분류에서Dev

지시문에서 컨트롤러 함수 호출 (지시문에서 전달 된 매개 변수 사용)

분류에서Dev

탭 표시 줄에서 2 개의 뷰 컨트롤러간에 문자열 전달

분류에서Dev

aspx 페이지에서 사용자 정의 컨트롤로 값 전달

분류에서Dev

D의 사용자 지정 개체 배열에 대해 반복

분류에서Dev

json 파일의 배열을 각도 사용자 지정 지시문으로 전달

분류에서Dev

한보기 컨트롤러에서 다른보기 컨트롤러로 "사용자"개체 전달

분류에서Dev

사용자 지정 형식으로 배열에 값 전달

분류에서Dev

컨트롤러에서 사용하기 위해 Angular 지시문의 개체에 새 속성 설정

분류에서Dev

WTForms의 사용자 지정 유효성 검사기에 개체 전달

분류에서Dev

AngularJS의 사용자 지정 정렬 함수에 추가 매개 변수 전달

분류에서Dev

컨트롤러에서 Ajax 호출 AngularJS의 지시문으로 데이터를 전달하는 방법

분류에서Dev

사용자 지정 지시문에서 개체 배열의 ng-repeat가 작동하지 않습니다.

분류에서Dev

사용자 정의 컨트롤의 속성 인 개체 배열

분류에서Dev

Angular JS 사용자 지정 지시어 컨트롤러에 전달할 매개 변수는 무엇입니까?

분류에서Dev

angularJs의 공급자에서 컨트롤러로 값 전달

분류에서Dev

Swift3에서 사용자 지정 개체의 캐시 배열

Related 관련 기사

  1. 1

    컨트롤러의 사용자 지정 메서드에 개체 호출 및 전달

  2. 2

    Android의 다른 활동에 사용자 지정 개체 배열 전달

  3. 3

    C # .NET DLL에서 MFC로 사용자 지정 개체 배열 다시 전달

  4. 4

    ajax를 사용하여 컨트롤러의 객체에 문자열 전달

  5. 5

    angularjs를 사용하여 $ scope 변수를 컨트롤러에서 지시문으로 전달하는 방법

  6. 6

    사용자 지정 지시문의 컨트롤러에서 작동하지 않는 팩토리 개체 확인

  7. 7

    사용자 지정 인증 공급자에서 컨트롤러로 사용자 지정 개체를 전달하는 방법은 무엇입니까?

  8. 8

    사용자 정의 UI 셀에서 뷰 컨트롤러로 데이터 전달

  9. 9

    사용자 정의 tableview 셀에서 UIView 컨트롤러로 데이터 전달

  10. 10

    컨트롤러의 HTTPGET 메서드에서 사용자 지정 작업 필터로 동적 변수 전달

  11. 11

    Angularjs는 배열을 매개 변수로 사용자 지정 필터에 전달합니다.

  12. 12

    배열에 전달 된 개체에서 컨트롤러 속성 설정

  13. 13

    개체의 "이름"속성을 선택 태그의 표시 옵션으로 사용하지만 "id"를 컨트롤러에 전달합니다.

  14. 14

    지시문에서 컨트롤러 함수 호출 (지시문에서 전달 된 매개 변수 사용)

  15. 15

    탭 표시 줄에서 2 개의 뷰 컨트롤러간에 문자열 전달

  16. 16

    aspx 페이지에서 사용자 정의 컨트롤로 값 전달

  17. 17

    D의 사용자 지정 개체 배열에 대해 반복

  18. 18

    json 파일의 배열을 각도 사용자 지정 지시문으로 전달

  19. 19

    한보기 컨트롤러에서 다른보기 컨트롤러로 "사용자"개체 전달

  20. 20

    사용자 지정 형식으로 배열에 값 전달

  21. 21

    컨트롤러에서 사용하기 위해 Angular 지시문의 개체에 새 속성 설정

  22. 22

    WTForms의 사용자 지정 유효성 검사기에 개체 전달

  23. 23

    AngularJS의 사용자 지정 정렬 함수에 추가 매개 변수 전달

  24. 24

    컨트롤러에서 Ajax 호출 AngularJS의 지시문으로 데이터를 전달하는 방법

  25. 25

    사용자 지정 지시문에서 개체 배열의 ng-repeat가 작동하지 않습니다.

  26. 26

    사용자 정의 컨트롤의 속성 인 개체 배열

  27. 27

    Angular JS 사용자 지정 지시어 컨트롤러에 전달할 매개 변수는 무엇입니까?

  28. 28

    angularJs의 공급자에서 컨트롤러로 값 전달

  29. 29

    Swift3에서 사용자 지정 개체의 캐시 배열

뜨겁다태그

보관