템플릿의 Angular JS - ngRepeat

Question

지시어에서 ngRepeat를 사용하려고합니다. 그러나 실제로 어떻게해야하는지 모르겠습니다. 내가 닫을 까?

모어는이 지시어가 사용되는 컨트롤러의 배열입니다.

.directive('slider', function() { 
return function() { 
    template: '<slider><film><frame ng-repeat="mower in mowers">{{mower.series}}</frame></film></slider>'; 
    replace: true; 
     scope: true; 
    link: function postLink(scope, iElement, iAttrs) { 
      // jquery to animate 
     } 
    } 
}); 

Answer 1

네, 닫았지만 구문은 꺼져있었습니다. 그리고 범위에 mowers을 할당해야합니다.

.directive('slider', function() { 
return { 
    restrict: 'E', //to an element. 
    template: '<film><frame ng-repeat="mower in mowers">{{mower.series}}</frame></film>', 
    replace: true, 
    scope: true, // creates a new child scope that prototypically inherits 
    link: function postLink(scope, iElement, iAttrs) { 
      scope.mowers = [ 
       { series: 1 }, 
       { series: 2 }, 
       { series: 3 } 
      ]; 
     } 
    } 
}); 

또한 <slider>을 참조하지 않아도됩니다.

위 코드는 사용자가 <film> 및 <frame>에 대한 지침을 작성했다고 가정합니다.

scope: { 
    mowers: '=' 
} 

을 그리고 당신은 다음과 같이 설정할 수 있습니다 : 외부 범위에서 제초기 배열을 전달하고 싶다면

마지막으로,이 설정을 사용자의 범위를 변경할 것

<slider mowers="myMowers"></slider> 

여기서 myMowers은 컨트롤러 또는 상위 지시문의 범위에있는 변수입니다.

도움이 되었기를 바랍니다.