Skip to content

Instantly share code, notes, and snippets.

@Ledragon
Last active August 29, 2015 14:16
Show Gist options
  • Save Ledragon/5732b7f37fedfbee59bc to your computer and use it in GitHub Desktop.
Save Ledragon/5732b7f37fedfbee59bc to your computer and use it in GitHub Desktop.
ld-ui-navbar Example
(
function () {
var app = angular.module('app', ['ui.router', 'ld-framework']);
app.config(['$stateProvider', '$urlRouterProvider', function ($stateProvider, $urlRouterProvider) {
$urlRouterProvider.otherwise('/');
$stateProvider
.state('home', {
url: '/home',
templateUrl: 'states/home.html'
})
.state('state1', {
url: '/state1',
templateUrl: 'states/state1.html'
});
}]);
}()
);
<!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
<meta charset="UTF-8">
<title>Test page</title>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<ld-ui-navbar></ld-ui-navbar>
<div class="container">
</div>
<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.13/angular-ui-router.min.js"></script>
<script src="https://rawgit.com/Ledragon/bootstrap-ui-navbar/master/dist/bootstrap-ui-navbar.js"></script>
<script src="app.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment