AngularJS $ route nav Hervorhebung funktioniert nicht

Ich benutze Angular $ Route für Nav-Hervorhebung, aber die Hervorhebung nicht angezeigt. Hier ist der Code für die Navigation ...

<!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>

Hier ist der Code für die AngularJS Controller mit $ 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; 
});

Quelle

2016-06-01 dferrar

Haben Sie umfassen die js Bibliothek?

<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>

Haben Sie ngRoute in Ihr Winkelmodul injiziert?

var app = angular.module("myApp", ['ngRoute']);

Quelle

2016-06-01 07:22:40 mhatch

Danke! Ich habe vergessen, es in angular.module aufzunehmen – dferrar

AngularJS $ route nav Hervorhebung funktioniert nicht

Antwort

Verwandte Themen