0.6.13 • Published 9 years ago
wiesels-navbar v0.6.13
wiesels-navbar
angular, angular-ui-router based responsive navbar
Install
npm install wiesels-navbar --save
link it to index.html
<link type="text/css" href="wiesels-navbar.css"/>
<script src="wiesels-navbar.min.js" type="text/javascript"></script>
and to angular
var main = angular.module("yourmainmodule", [
... // your submodules
"wiesels.navbar"
]);
Use
In your controller inject the NavbarService and create a navbar object
scope.navbar = NavbarService.create();
scope.navabr.setButton(
scope.navbar.createButton(
{
route : "home.navList"
}
)
);
scope.navbar.set(
[
{
label : "home",
css : "fa fa-home",
route : "home.description",
visibility : {}
},
{
label : "sndSite",
css : "fa fa-phone",
route : "home.sndSite",
visibility : {}
}
]
);
in your view
<nav class="navbar navbar-default navbar-fixed-top" wiesels-navbar="vm.navbar">
<div class="container" ui-view></div>
0.6.13
9 years ago