{"action":"created","issue":{"url":"https://api.github.com/repos/hellsan631/angular-pagepiling.js/issues/1","labels_url":"https://api.github.com/repos/hellsan631/angular-pagepiling.js/issues/1/labels{/name}","comments_url":"https://api.github.com/repos/hellsan631/angular-pagepiling.js/issues/1/comments","events_url":"https://api.github.com/repos/hellsan631/angular-pagepiling.js/issues/1/events","html_url":"https://github.com/hellsan631/angular-pagepiling.js/issues/1","id":114758203,"number":1,"title":"Multiple directives asking for new/isolate scope.","user":{"login":"viztastic","id":8556736,"avatar_url":"https://avatars.githubusercontent.com/u/8556736?v=3","gravatar_id":"","url":"https://api.github.com/users/viztastic","html_url":"https://github.com/viztastic","followers_url":"https://api.github.com/users/viztastic/followers","following_url":"https://api.github.com/users/viztastic/following{/other_user}","gists_url":"https://api.github.com/users/viztastic/gists{/gist_id}","starred_url":"https://api.github.com/users/viztastic/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/viztastic/subscriptions","organizations_url":"https://api.github.com/users/viztastic/orgs","repos_url":"https://api.github.com/users/viztastic/repos","events_url":"https://api.github.com/users/viztastic/events{/privacy}","received_events_url":"https://api.github.com/users/viztastic/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-11-03T07:09:56Z","updated_at":"2015-11-03T19:20:39Z","closed_at":null,"body":"Hi @hellsan631 ,\r\n\r\nI love this plugin. When I use it in conjunction with Angular Material (https://github.com/angular/material/) I get this error:\r\n\r\n```\r\nError: [$compile:multidir] Multiple directives [mdFabToolbar (module: material.components.fabToolbar), pagePiling (module: pagePiling.js)] asking for new/isolated scope on: <md-fab-toolbar md-direction=\"right\" style=\"position:fixed; width:100%; top:0;\" page-piling=\"\">\r\n```\r\n\r\nIs there a way around using isolated scopes with this directive?"},"comment":{"url":"https://api.github.com/repos/hellsan631/angular-pagepiling.js/issues/comments/153460266","html_url":"https://github.com/hellsan631/angular-pagepiling.js/issues/1#issuecomment-153460266","issue_url":"https://api.github.com/repos/hellsan631/angular-pagepiling.js/issues/1","id":153460266,"user":{"login":"hellsan631","id":1474758,"avatar_url":"https://avatars.githubusercontent.com/u/1474758?v=3","gravatar_id":"","url":"https://api.github.com/users/hellsan631","html_url":"https://github.com/hellsan631","followers_url":"https://api.github.com/users/hellsan631/followers","following_url":"https://api.github.com/users/hellsan631/following{/other_user}","gists_url":"https://api.github.com/users/hellsan631/gists{/gist_id}","starred_url":"https://api.github.com/users/hellsan631/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/hellsan631/subscriptions","organizations_url":"https://api.github.com/users/hellsan631/orgs","repos_url":"https://api.github.com/users/hellsan631/repos","events_url":"https://api.github.com/users/hellsan631/events{/privacy}","received_events_url":"https://api.github.com/users/hellsan631/received_events","type":"User","site_admin":false},"created_at":"2015-11-03T19:20:39Z","updated_at":"2015-11-03T19:20:39Z","body":"There is a conflict as mdFabToolbar is a directive itself with its own scope, and attaching a second directive with a its own scope would cause that conflict. I would recommend using a normal div element as a holder and attaching it one down the line. So:\r\n\r\n```html\r\n<md-fab-toolbar md-direction=\"right\">\r\n  <div page-piling style=\"position:fixed; width:100%; top:0;\">\r\n    <div class=\"section\">Section 1</div>\r\n    <div class=\"section\">Section 2</div>\r\n  </div>\r\n</md-fab-toolbar>\r\n```\r\n\r\nThis would meanhowever, that the pagePiling would happen inside of your toolbar, and not on the main body of the page."}}