{"action":"created","issue":{"url":"https://api.github.com/repos/michaelbromley/ngx-pagination/issues/254","repository_url":"https://api.github.com/repos/michaelbromley/ngx-pagination","labels_url":"https://api.github.com/repos/michaelbromley/ngx-pagination/issues/254/labels{/name}","comments_url":"https://api.github.com/repos/michaelbromley/ngx-pagination/issues/254/comments","events_url":"https://api.github.com/repos/michaelbromley/ngx-pagination/issues/254/events","html_url":"https://github.com/michaelbromley/ngx-pagination/issues/254","id":325616511,"number":254,"title":"Issue with multiple paginators in loop","user":{"login":"akshay-borase","id":35065967,"avatar_url":"https://avatars2.githubusercontent.com/u/35065967?v=4","gravatar_id":"","url":"https://api.github.com/users/akshay-borase","html_url":"https://github.com/akshay-borase","followers_url":"https://api.github.com/users/akshay-borase/followers","following_url":"https://api.github.com/users/akshay-borase/following{/other_user}","gists_url":"https://api.github.com/users/akshay-borase/gists{/gist_id}","starred_url":"https://api.github.com/users/akshay-borase/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/akshay-borase/subscriptions","organizations_url":"https://api.github.com/users/akshay-borase/orgs","repos_url":"https://api.github.com/users/akshay-borase/repos","events_url":"https://api.github.com/users/akshay-borase/events{/privacy}","received_events_url":"https://api.github.com/users/akshay-borase/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":7,"created_at":"2018-05-23T09:12:26Z","updated_at":"2018-05-24T08:07:29Z","closed_at":null,"author_association":"NONE","body":"Hi,\r\n\r\nThanks for the awesome component. It is really helpful.\r\nI am facing issue in creating multiple paginators on single page. When I click the next button, it changes the page number for all instances. As per documentation, I am using unique id for each instance but facing same issue.\r\nPlease find below code snippet.\r\nHere I am dynamically creating tables based based on \"nodeName\" received in first ngFor loop and then displaying data in each table (div) in each table in second ngFor loop. It displays the pagination for each table but on click of next button it moves to next page for all tables\r\n![issue](https://user-images.githubusercontent.com/35065967/40414886-1edfc16a-5e97-11e8-8eea-f43259b016af.jpg)\r\n\r\nI\r\n```HTML\r\n<div style=\"display:inline-block;width:50%; padding-top:20px \" *ngFor=\"let data of tabularData\">\r\n        <div class=\"\">\r\n          <div class=\"row dataFormatter\">\r\n            <div class=\"col-12 tabDataPadding dataheader\">{{data.nodeName}}</div>\r\n          </div>\r\n\r\n          <div class=\"row table-bordered dataFormatter\">\r\n            <div class=\"col-4 tableBody tabDataPadding\">Items</div>\r\n            <div class=\"col-3 tableBody tabDataPadding\">Value</div>\r\n            <div class=\"col-5 tableBody tabDataPadding\">Updated On</div>\r\n          </div>\r\n          <div class=\"row table-bordered dataFormatter\" *ngFor=\"let tb of data.attributes | paginate: {id: data.nodeName, itemsPerPage:5 , currentPage:p }\">\r\n            <div class=\"col-4 tableBody tabDataPadding\">{{tb.key}}</div>\r\n            <div class=\"col-3 tableBody tabDataPadding\">{{tb.value}}</div>\r\n            <div style=\"font-size:0.9em\" class=\"col-5 tabDataPadding tableBody\">{{tb.date}}</div>\r\n          </div>\r\n          <pagination-controls id={{data.nodeName}} (pageChange)=\"p = $event\"></pagination-controls>\r\n    </div>\r\n  </div>\r\n```\r\n=======\r\n\r\n**Angular version**: 5.1.1\r\n\r\n**ngx-pagination version**: 3.1\r\n\r\n**Description of issue**:\r\n\r\n**Steps to reproduce**:\r\n\r\n**Expected result**:\r\n\r\n**Actual result**:\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/michaelbromley/ngx-pagination/issues/comments/391626976","html_url":"https://github.com/michaelbromley/ngx-pagination/issues/254#issuecomment-391626976","issue_url":"https://api.github.com/repos/michaelbromley/ngx-pagination/issues/254","id":391626976,"user":{"login":"akshay-borase","id":35065967,"avatar_url":"https://avatars2.githubusercontent.com/u/35065967?v=4","gravatar_id":"","url":"https://api.github.com/users/akshay-borase","html_url":"https://github.com/akshay-borase","followers_url":"https://api.github.com/users/akshay-borase/followers","following_url":"https://api.github.com/users/akshay-borase/following{/other_user}","gists_url":"https://api.github.com/users/akshay-borase/gists{/gist_id}","starred_url":"https://api.github.com/users/akshay-borase/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/akshay-borase/subscriptions","organizations_url":"https://api.github.com/users/akshay-borase/orgs","repos_url":"https://api.github.com/users/akshay-borase/repos","events_url":"https://api.github.com/users/akshay-borase/events{/privacy}","received_events_url":"https://api.github.com/users/akshay-borase/received_events","type":"User","site_admin":false},"created_at":"2018-05-24T08:07:29Z","updated_at":"2018-05-24T08:07:29Z","author_association":"NONE","body":"Ohh ..  forgot to share. Please find below the app link\r\nhttps://stackblitz.com/edit/angular-95pnxc"}}
{"actor":{"display_login":"akshay-borase"}}