директива не применяется к элементам ng-repeat в angularjs

Question

Я добавляю эту директиву ниже в мой взгляд (в html) в angularjs, кажется, я могу видеть console.log на консоли, но класс ' subPlaylistSecondaryItemRemoval 'не добавляется.

мой HTML

<ul class="dupeAssets" first-element-list> 
    <li ng-repeat="dupeAssetslist in playlistAssets.assets track by $index" ng-if="dupeAssetslist.type == 'Playlist'">{{dupeAssetslist.title}}</li> 
    </ul> 

и моя директива ниже

appModule.directive("firstElementList", function() { 
     console.log("firstElementList"); 
     return { 
      restrict: "A", 
      link: function (scope, element, attributes) { 

       $scope.$watch(element.children(), function() { 
        var children = element.children(); 
        for (var i = 1; i < children.length; i++) { 
         if (children[i].nodeType !== 8) { 
          angular.element(children[i]).addClass('subPlaylistSecondaryItemRemoval'); 
         } 
        } 
       }); 

      } 
     }; 
    }); 

, но я получаю следующее сообщение об ошибке

angular.js:12783 ReferenceError: $scope is not defined 

Любая помощь, пожалуйста?

Answer 1

link: function (scope, element, attributes) { 

должно быть:

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

Answer 2

working fiddel https://jsfiddle.net/U3pVM/25262/ 

это fiddel использование углового 1.0.3 так я удалены дорожки по индексу