{"action":"created","issue":{"url":"https://api.github.com/repos/krescruz/angular-materialize/issues/97","labels_url":"https://api.github.com/repos/krescruz/angular-materialize/issues/97/labels{/name}","comments_url":"https://api.github.com/repos/krescruz/angular-materialize/issues/97/comments","events_url":"https://api.github.com/repos/krescruz/angular-materialize/issues/97/events","html_url":"https://github.com/krescruz/angular-materialize/issues/97","id":118930664,"number":97,"title":"Dropdown not working properly","user":{"login":"lookapanda","id":770632,"avatar_url":"https://avatars.githubusercontent.com/u/770632?v=3","gravatar_id":"","url":"https://api.github.com/users/lookapanda","html_url":"https://github.com/lookapanda","followers_url":"https://api.github.com/users/lookapanda/followers","following_url":"https://api.github.com/users/lookapanda/following{/other_user}","gists_url":"https://api.github.com/users/lookapanda/gists{/gist_id}","starred_url":"https://api.github.com/users/lookapanda/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/lookapanda/subscriptions","organizations_url":"https://api.github.com/users/lookapanda/orgs","repos_url":"https://api.github.com/users/lookapanda/repos","events_url":"https://api.github.com/users/lookapanda/events{/privacy}","received_events_url":"https://api.github.com/users/lookapanda/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":3,"created_at":"2015-11-25T21:56:50Z","updated_at":"2016-01-22T09:54:16Z","closed_at":"2016-01-22T09:54:16Z","body":"```html\r\n    <header class=\"navbar-fixed\">\r\n      <ul id=\"dropdown1\" class=\"dropdown-content\">\r\n        <li><a href=\"#!\">one</a></li>\r\n        <li><a href=\"#!\">two</a></li>\r\n        <li class=\"divider\"></li>\r\n        <li><a href=\"#!\">three</a></li>\r\n      </ul>\r\n      <nav>\r\n        <div class=\"nav-wrapper\">\r\n          <a href=\"#!\" class=\"brand-logo\">ReDiBot</a>\r\n          <a href=\"javascript:void(0);\" data-activates=\"mobile-demo\" dropdown class=\"button-collapse\"><i class=\"material-icons\">menu</i></a>\r\n          <ul class=\"right hide-on-med-and-down\">\r\n            <li><a href=\"sass.html\">Sass</a></li>\r\n            <li><a href=\"badges.html\">Components</a></li>\r\n            <!-- Dropdown Trigger -->\r\n            <li><a class=\"dropdown-button\" href=\"javascript:void(0);\" dropdown data-activates=\"dropdown1\">Dropdown<i class=\"material-icons right\">arrow_drop_down</i></a></li>\r\n          </ul>\r\n          <ul class=\"side-nav\" id=\"mobile-demo\">\r\n            <li><a href=\"sass.html\">Sass</a></li>\r\n            <li><a href=\"badges.html\">Components</a></li>\r\n            <!-- Dropdown Trigger -->\r\n            <li><a class=\"dropdown-button\" href=\"javascript:void(0);\" dropdown data-activates=\"dropdown1\">Dropdown<i class=\"material-icons right\">arrow_drop_down</i></a></li>\r\n          </ul>\r\n        </div>\r\n      </nav>\r\n    </header>\r\n```\r\nThis is the code.\r\nIf I have it like this the dropdown is not working. Nothing happens.\r\nBut if I remove the second a.dropdown-button element or just change the data-activates to something different, the dropdown works.\r\n\r\nAlso on mobile size this is what the slide-nav looks like:\r\nhttps://ify.re/f/ioyKj2Y1.png\r\n\r\nI set everything up according to the materializecss documentation."},"comment":{"url":"https://api.github.com/repos/krescruz/angular-materialize/issues/comments/173864905","html_url":"https://github.com/krescruz/angular-materialize/issues/97#issuecomment-173864905","issue_url":"https://api.github.com/repos/krescruz/angular-materialize/issues/97","id":173864905,"user":{"login":"webbiesdk","id":868540,"avatar_url":"https://avatars.githubusercontent.com/u/868540?v=3","gravatar_id":"","url":"https://api.github.com/users/webbiesdk","html_url":"https://github.com/webbiesdk","followers_url":"https://api.github.com/users/webbiesdk/followers","following_url":"https://api.github.com/users/webbiesdk/following{/other_user}","gists_url":"https://api.github.com/users/webbiesdk/gists{/gist_id}","starred_url":"https://api.github.com/users/webbiesdk/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/webbiesdk/subscriptions","organizations_url":"https://api.github.com/users/webbiesdk/orgs","repos_url":"https://api.github.com/users/webbiesdk/repos","events_url":"https://api.github.com/users/webbiesdk/events{/privacy}","received_events_url":"https://api.github.com/users/webbiesdk/received_events","type":"User","site_admin":false},"created_at":"2016-01-22T09:54:16Z","updated_at":"2016-01-22T09:54:16Z","body":"That explains why it isn't working. \r\n\r\nMaterialize requires jQuery, therefore angular-materialize requires jQuery. \r\n\r\nSo you must include jQuery (before Angular), otherwise the dropdown won't work. \r\n\r\nClosed as i assume that was the issue. "}}