JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="myApp">
    <div ng-controller="MainController">
        
        <paginator cur-list="list1"></paginator>
        
        <paginator cur-list="list2"></paginator>
        
        <paginator cur-list="list3"></paginator>
        
    </div>
<div>

JavaScript

angular

    .module('myApp',[])

    .directive('paginator', function() {
            return {
                scope:{},
                link: function($scope, element, attrs) {
                    var listName = attrs['curList'];

                    console.log(listName);
                    
                    $scope.setPage = function(page) {

                        console.log(listName);
                        alert(listName);

                    };
                    
                    $scope.listName = listName;

                },
                restrict: 'E',
                template: '<div ng-click="setPage(pageNum)">Pagination {{listName}}</div>'
            }
    })

    .controller("MainController", function($scope) {
        
    });