angularjs - Dynamic Top Bar Text Based on Current Page in Zurb Foundation for Apps App -


i building single page application using zurb's foundation applications , angular.

what recommended way display different text in top bar (nav bar) based on current route?

for example, have page title associated current route appear in top bar (a simple form of breadcrumbs).

i following standard app structure provided zurb's cli tool. top bar defined in index.html.

the foundation apps framework uses ui-router. therefore, access router state information, example, name of current route/page, use following in html template:

{{$state.current.name}} 

Comments

Popular posts from this blog

android - Gradle sync Error:Configuration with name 'default' not found -

java - Andrioid studio start fail: Fatal error initializing 'null' -

html - jQuery UI Sortable - Remove placeholder after item is dropped -