wie benutzerdefinierte Richtlinie in Winkel

Question

schaffen i wurde eine Probe Paginierung für das ich versucht, eine Richtlinie wie diese erstellt haben (bin nicht sicher, ob seine korrekte)

(function() { 
app.directive("myPagination", function() { 
    return { 
     restrict: 'E', 
     templateUrl: 'pag.html' 
    }; 
}); 
})(); 

und meine pag.html

<ul class="pagination" ng-controller="PagingController"> 
<li ng-repeat="x in pageing" ng-click="change(x.pageno)"><a href="#">{{x.pageno}}</a></li> 
</ul> 

ist und mein PageingController ist wie dies

app.controller('PagingController', function($scope) { 
    $scope.$on('pageinfo', function(event, args) { 
     $scope.numbtn = args.numbtn; 
     $scope.totaldata = args.totaldata; 
     $scope.selet = args.selet; 
     $scope.starter(); 
    }) 

    $scope.starter = function() { 
     $scope.pageing = []; 
     let i; 
     for (i = 0; i < $scope.numbtn; i++) { 
      $scope.pageing[i] = i; 
     } 
     console.log($scope.pageing); 
    } 
    $scope.change = function(btnclk) { 
     alert(btnclk); 
    } 
}); 

und <my-pagination></my-pagination> dieses So habe ich es auf der Indexseite versucht. aber das Problem ist, es ist nicht zeigt, was auch nur kann keine Fehler jeder korrigieren diese bitte

Answer 1

Fügen Sie den PageingController Controller anstelle der Vorlage

(function() { 
app.directive("myPagination", function() { 
    return { 
     restrict: 'E', 
     templateUrl: 'pag.html', 
     controller : 'PagingController' 
    }; 
}); 
})() 

Demo

Stellen Sie sicher, Teilnehmer Ereignis Richtlinie $on ausführt . Sonst ist das Seitenarray leer