1

Al colocar una url con id cómo esta isActive('/ejemplo/{{ejemplo.id}}') no funciona.

app.controller('ActiveNavCtrl', ['$scope','$location', function($scope,$location){
    $scope.isActive = function(destination){
      return destination === $location.path();
    };
  }]);
<a ng-href="/Ejemplo" ng-class="{active: isActive('/ejemplo')}">Ejemplo</a>
7
  • porque usas ejemplo.id, acaso "ejemplo" este es el nombre del controller ? O le estas definiendo un allias al controller? porque no solo usas {{id}} si es que asignas el id al $scope el 25 abr. 2016 a las 5:02
  • Te has planteado la opcion de la E mayuscula? que te devuelve $location.path() ?
    – Spidvmp
    el 25 abr. 2016 a las 9:05
  • Has intentado: isActive('/ejemplo/' + {{ejemplo.id}} )?
    – KN_
    el 25 abr. 2016 a las 12:26
  • @LeandroTuttini En realidad es {{item.id}} "item" es el nombre de mi ng-repeat="item in items" el 26 abr. 2016 a las 5:41
  • @KN_ al hacerlo cómo dices me manda este error: [docs.angularjs.org/error/$parse/… el 26 abr. 2016 a las 5:58

1 respuesta 1

1

Si lo que quieres hacer es que el enlace se muestre o no dependiendo de si el método isActive devuelve true, es más correcto usar ngIf[1] o ngShow de esta forma:

<a ng-href="/Ejemplo" ng-if="isActive('/ejemplo' + item.id)}">Ejemplo</a>

A parte de esto, varias cosas:

Sobre ng-class

Cuando usabas isActive('/ejemplo/{{item.id}}') no te funcionaba por que no es una expresión válida. Echa un vistazo a lo que para AngularJS es una Expresión [2]. Lo correcto sería: isActive('/ejemplo/' + item.id)

Sobre $location.path()

Si estás usando ui-router para las enrutar tu aplicación, podrías usar $state.current.name y $stateParams para saber el estado y los parámetros de éste.

[1] https://docs.angularjs.org/api/ng/directive/ngIf

[2] https://docs.angularjs.org/guide/expression

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.