AngularJS $路線導航突出顯示不起作用

我使用Angular $路線導航突出顯示，但突出顯示不顯示。下面是導航代碼......

<!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控制器$航線代碼...

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; 
});

來源

2016-06-01 dferrar

你包括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']);

來源

2016-06-01 07:22:40 mhatch

謝謝！我忘了將它包含在angular.module中 – dferrar

AngularJS $路線導航突出顯示不起作用

回答

相關問題