ng-class, angularjs'de isable yönteminde değişken var

Question

Bir .jd dosyasında scope.course'ın tanımlandığı yerde bir yönerge ile kullanılan bir html dosyası var. ng-href="courses/{{course.url}}" Aşağıdaki kodda güzel çalışır ve "ders/myurl"

bağlantısını sağlayan Ama ng-sınıfında isActive yönteminde bir değişkene koyarak ben buradan erişmek olamaz sanki göstermek doesnt .

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

Ama başka bir şey olmadan "/ kurslar /" kaydeder

benim isActive yöntem haline course.url koyabilirsiniz nasıl

:

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

Benim isActive yöntem şöyle?

Answer 1

bu deneyin:

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>