AngularJS $ 경로 탐색 작동하지 않음

탐색 강조 표시를 위해 Angular $ route를 사용하고 있지만 강조 표시가 표시되지 않습니다. 여기에 탐색을위한 코드 ... 여기

<!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 $ 경로 탐색 작동하지 않음

답변

관련 문제