AngularJS와 ngrepeat 및 지침

나는이 내 컨트롤러와 지시어 인 AngularJS와 지시어와 ngRepeatAngularJS와 ngrepeat 및 지침

사용하여 메뉴를 그릴려고 :

angular.module('root', []) 
    .controller('sideMenu', ['$scope', function($scope) { 
    $scope.menuItems = [ 
     { name: 'TRACTION', id: 1 }, 
     { name: 'CONVERSION', id: 2 }, 
     { name: 'FINANCIALS', id: 3 }, 
     { name: 'USAGE', id: 4 } 
    ]; 
    }]) 
    .directive('menuItem', function() { 
    return { 
     restrict: 'E', 
     scope: { 
     item: '=' 
     }, 
     templateUrl: 'elements/sidebar.html' 
    }; 
    });

요소/sidebar.html을

<a href="#{{item.name}}">{{item.name}}</a>

index.html

<div class="leftSide" ng-controller="sideMenu"> 
    <ul> 
    <li ng-repeat="item in menuItems"> 
     <menu-item item="{{item.name}}"></menu-item> 
    </li> 
    </ul> 
</div>

이 순간에는 아무 것도 표시되지 않고개의 요소를 만들어 ng-repeat가 작동하지만 명령이 작동하지 않습니다.

각 메뉴 항목을 나열하고 별도의 $scope 항목이 있어야했던 ng-repeat를 사용하기 전에 배열의 모든 요소를 이동하여 ngRepeat으로 반복하고 싶었습니다.

출처

2014-10-21 Or Weinberger