Angularjs + Zurb Foundation, do they play well together? -
i'm having hard time setting project angular , foundation 3 (rails in backend). have been searching lot there aren't many results.
i'm serving angular subfolder (localhost:3000/app), , started html this
!!!5 %html{ "ng-app" => "app" } %head -# tried html5 url on angular, not so far %base{:href => "/app/"} %title ng app ... %body %header ... %main = yield %footer ... = javascript_include_tag "application" = yield :javascripts
a couple of view work fine. when tried use foundations tab, make work, because angular pass anchor url shold check against $routeprovider.
so, check question here, , part of answers give me impression foundation work fine enabling html5 mode in angular. (which make it) , other answers in order make work foundation angular should write directive every component on foundation. or last case moving twitter bootstrap.
so, can find unified answer, please, confirm if right can use foundation angular in direct way. thanks.
the best choice wrapping foundation plugins in angular services or using css/sass provided framework , recreating behaviour scratch. focus on prototyping using markup + stylesheets , create logic in angular way. @ least, if needed / had use foundation.
twitter bootstrap works in similar way , advantage of moving framework fact can find plenty of angular modules / directives wrapping available plugins. in case wouldn't have same job twice , well.
- take here: http://mgcrea.github.io/angular-strap/ in first place.
- then bootstrap-based components in bower.io components directory
also, people in comments have mentioned, might need bootstrap application manually, simple wrapping app in module , running:
angular.bootstrap(element[, modules]); // http://docs.angularjs.org/api/angular.bootstrap
as said, it's better not reinvent wheel.
edit:
there's interesting discussion on google groups regarding topic (and unsurprisingly users' conclusions quite similar): https://groups.google.com/d/msg/angular/htkzt7fsaog/tefm5l4sntwj
Comments
Post a Comment