{"action":"created","issue":{"url":"https://api.github.com/repos/Swiip/generator-gulp-angular/issues/694","labels_url":"https://api.github.com/repos/Swiip/generator-gulp-angular/issues/694/labels{/name}","comments_url":"https://api.github.com/repos/Swiip/generator-gulp-angular/issues/694/comments","events_url":"https://api.github.com/repos/Swiip/generator-gulp-angular/issues/694/events","html_url":"https://github.com/Swiip/generator-gulp-angular/issues/694","id":97776230,"number":694,"title":"Foundation navBar JS not working","user":{"login":"Miguel-Herrero","id":465723,"avatar_url":"https://avatars.githubusercontent.com/u/465723?v=3","gravatar_id":"","url":"https://api.github.com/users/Miguel-Herrero","html_url":"https://github.com/Miguel-Herrero","followers_url":"https://api.github.com/users/Miguel-Herrero/followers","following_url":"https://api.github.com/users/Miguel-Herrero/following{/other_user}","gists_url":"https://api.github.com/users/Miguel-Herrero/gists{/gist_id}","starred_url":"https://api.github.com/users/Miguel-Herrero/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Miguel-Herrero/subscriptions","organizations_url":"https://api.github.com/users/Miguel-Herrero/orgs","repos_url":"https://api.github.com/users/Miguel-Herrero/repos","events_url":"https://api.github.com/users/Miguel-Herrero/events{/privacy}","received_events_url":"https://api.github.com/users/Miguel-Herrero/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":3,"created_at":"2015-07-28T18:54:58Z","updated_at":"2015-09-14T13:55:14Z","closed_at":null,"body":"I'm new to Gulp, so I cannot find the reason why when I run `gulp serve`, for instance, the JS that should be showing the menu in mobile devices (small screens), does not work.\r\n\r\n1. I create a new gulp-angular app with  [all these options checked](https://github.com/Miguel-Herrero/gulp-angular/blob/master/.yo-rc.json).\r\n2. Then I initialize the Foundation JS [in the body of my index.html](https://github.com/Miguel-Herrero/gulp-angular/blob/master/src/index.html#L46).\r\n3. I [add the Menu button](https://github.com/Miguel-Herrero/gulp-angular/blob/master/src/app/components/navbar/navbar.html#L6) that only appears with small screens (taken from [Foundation Docs](http://foundation.zurb.com/docs/components/topbar.html#build-with-html-classes))\r\n4. Run `gulp serve` and resize window until mobile screen size. Click on \"Menu\"; it doesn't show the menu options below (as in the [Foundation Docs](http://foundation.zurb.com/docs/components/topbar.html#build-with-html-classes)).\r\n\r\nCan anybody help me in spotting the problem? I'm sure this has to be affecting only me, but I can't find where!\r\n\r\nThank you in advance."},"comment":{"url":"https://api.github.com/repos/Swiip/generator-gulp-angular/issues/comments/140082589","html_url":"https://github.com/Swiip/generator-gulp-angular/issues/694#issuecomment-140082589","issue_url":"https://api.github.com/repos/Swiip/generator-gulp-angular/issues/694","id":140082589,"user":{"login":"pfried","id":1744875,"avatar_url":"https://avatars.githubusercontent.com/u/1744875?v=3","gravatar_id":"","url":"https://api.github.com/users/pfried","html_url":"https://github.com/pfried","followers_url":"https://api.github.com/users/pfried/followers","following_url":"https://api.github.com/users/pfried/following{/other_user}","gists_url":"https://api.github.com/users/pfried/gists{/gist_id}","starred_url":"https://api.github.com/users/pfried/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/pfried/subscriptions","organizations_url":"https://api.github.com/users/pfried/orgs","repos_url":"https://api.github.com/users/pfried/repos","events_url":"https://api.github.com/users/pfried/events{/privacy}","received_events_url":"https://api.github.com/users/pfried/received_events","type":"User","site_admin":false},"created_at":"2015-09-14T13:55:13Z","updated_at":"2015-09-14T13:55:13Z","body":"You chose the angular-foundation option, so you should use the proper angular-foundation tags, this will result in the menu button working again.\r\n\r\n    <top-bar>\r\n      <ul class=\"title-area\">\r\n        <li class=\"name\">\r\n          <h1><a href=\"https://github.com/Swiip/generator-gulp-angular\">Gulp & Angular</a></h1>\r\n        </li>\r\n        <li toggle-top-bar class=\"toggle-topbar menu-icon\">\r\n          <a href=\"#\">\r\n            <span>Menu</span>\r\n          </a>\r\n        </li>\r\n      </ul>\r\n\r\n      <section class=\"top-bar-section\">\r\n        <ul class=\"right\">\r\n          <li class=\"active\"><a ng-href=\"#\">Home</a></li>\r\n          <li><a ng-href=\"#\">About</a></li>\r\n          <li><a ng-href=\"#\">Contact</a></li>\r\n        </ul>\r\n        <p class=\"acme-navbar-text\">Application was created {{ vm.relativeDate }}.</p>\r\n      </section>\r\n    </top-bar>\r\n\r\n@zckrs I do not know if a template (foundation) can be overwritten by a template foundationComponents template, i am not familiar with generators, otherwise i would create a pr"}}