ng-classでのisActiveメソッドの変数anglejs

Question

私は、scope.courseが.jsファイルで定義されている角度でディレクティブとともに使用されるhtmlファイルを持っています。 ng-href="courses/{{course.url}}"次のコードで はうまく動作し、「コース/ myurl」

のリンクを提供します。しかし、NG-クラスでのisActiveメソッドで変数に入れたときに、私はここからアクセスカントかのように、表示さdoesntの。

<li ng-class={active: isActive('/courses/{{course.url}}')}><a ng-href="courses/{{course.url}}">Overview</a></li> 

私のisActiveメソッドは、次のようになります。

scope.isActive = function(route){ 
    console.log(route); 
    return route === $location.path(); 
} 

しかし、それは私が私のisActiveメソッドにcourse.urlに置くことができますどのように他の何か

なし "/コース/" ログ？

Answer 1

これを試してみてください：

var mod = angular.module('myapp', []); 
 
mod.controller('mycontroller', function($scope, $location) { 
 
    $scope.course = { 
 
    url: 'myurl' 
 
    }; 
 
    
 
    $scope.isActive = function(route){ 
 
    return route === '/courses/myurl'; 
 
    } 
 
});

.active a { 
 
    color: green; 
 
    }

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myapp" ng-controller="mycontroller"> 
 
    <div ng-class="{'active': isActive('/courses/' + course.url) }"><a ng-href="courses/{{course.url}}">Overview</a> 
 
    </div> 
 
</div>