Подсветка маршрута AngularJS $ не работает

0

Я использую Angular $ route для подсветки nav, но подсветка не отображается. Вот код для навигации...

<!DOCTYPE html>
<html>
<head>
  <title></title>
</head>
<body ng-app="myApp">

<div ng-controller="myController" class="collapse navbar-collapse" id="myNavbar">
  <ul class="nav navbar-nav">
    <li ng-class="{active: $route.current.activetab == 'home'}"><a href="index.html">Home</a></li>
    <li ng-class="{active: $route.current.activetab == 'audio'}"><a href="audio">Audio</a></li> 
    <li ng-class="{active: $route.current.activetab == 'bio'}"><a href="bio">Artist Bio</a></li> 
    <li ng-class="{active: $route.current.activetab == 'contact'}"><a href="contact">Contact</a></li>
  </ul>
</div>

</body>
</html>

Вот код для контроллера AngularJS с $ route...

app.controller("myController", function($scope,$http, $route) {
  $http.post('myform.php')
     .then(function successCallback(response){
        $scope.detail = response.data;
        if($scope.detail){
          console.log("success");
        } else{
          console.log("no data");
        }
     }, function errorCallback(response) { 
        console.log("error");
     });
  $scope.$route = $route; 
});
Теги:

1 ответ

0
Лучший ответ

Включили ли вы библиотеку js?

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular-route.js"></script>

Вы ввели ngRoute в свой угловой модуль?

var app = angular.module("myApp", ['ngRoute']);
  • 0
    Спасибо! Я забыл включить его в angular.module

Ещё вопросы

Сообщество Overcoder
Наверх
Меню