Skip to content
This repository has been archived by the owner on Feb 26, 2024. It is now read-only.

Additions to enable navigation highlighting #163

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Additions to enable navigation highlighting #163

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
4 changes: 4 additions & 0 deletions app/css/app.css
View file
Open in desktop
Expand Up @@ -28,3 +28,7 @@
content: "";
padding: 0;
}

.menu > li.active {
font-weight: bold;
}
40 changes: 20 additions & 20 deletions app/index.html
View file
Open in desktop
@@ -1,29 +1,29 @@
<!doctype html>
<html lang="en" ng-app="myApp">
<html lang="en" ng-app="myApp" ng-controller="AppCtrl">
<head>
<meta charset="utf-8">
<title>My AngularJS App</title>
<link rel="stylesheet" href="css/app.css"/>
<meta charset="utf-8">
<title>My AngularJS App</title>
<link rel="stylesheet" href="css/app.css"/>
</head>
<body>
<ul class="menu">
<li><a href="#/view1">view1</a></li>
<li><a href="#/view2">view2</a></li>
</ul>
<ul class="menu">
<li ng-class="{ active: isActive('/view1')}"><a href="#/view1">view1</a></li>
<li ng-class="{ active: isActive('/view2')}"><a href="#/view2">view2</a></li>
</ul>

<div ng-view></div>
<div ng-view></div>

<div>Angular seed app: v<span app-version></span></div>
<div>Angular seed app: v<span app-version></span></div>

<!-- In production use:
<script src="//ajax.googleapis.com/ajax/libs/angularjs/x.x.x/angular.min.js"></script>
-->
<script src="../bower_components/angular/angular.js"></script>
<script src="../bower_components/angular-route/angular-route.js"></script>
<script src="js/app.js"></script>
<script src="js/services.js"></script>
<script src="js/controllers.js"></script>
<script src="js/filters.js"></script>
<script src="js/directives.js"></script>
<!-- In production use:
<script src="//ajax.googleapis.com/ajax/libs/angularjs/x.x.x/angular.min.js"></script>
-->
<script src="../bower_components/angular/angular.js"></script>
<script src="../bower_components/angular-route/angular-route.js"></script>
<script src="js/app.js"></script>
<script src="js/services.js"></script>
<script src="js/controllers.js"></script>
<script src="js/filters.js"></script>
<script src="js/directives.js"></script>
</body>
</html>
13 changes: 9 additions & 4 deletions app/js/controllers.js
View file
Open in desktop
Expand Up @@ -3,9 +3,14 @@
/* Controllers */

angular.module('myApp.controllers', [])
.controller('MyCtrl1', [function() {
.controller('MyCtrl1', [function () {

}])
.controller('MyCtrl2', [function() {
}])
.controller('MyCtrl2', [function () {

}]);
}])
.controller('AppCtrl', ['$scope', '$location', function ($scope, $location) {
$scope.isActive = function (viewLocation) {
return viewLocation === $location.path();
};
}]);