1

necesito convertir las siguientes lineas (que al darle click verifica cual es la clase activa y cambia de acuerdo a cual sea..) Desde ya muchas gracias.

$(".x-navigation-minimize").click(function() {
  if ($(".page-sidebar .x-navigation").hasClass("x-navigation-minimized")) {
    $(".page-container").removeClass("page-navigation-toggled");
    $(".page-container").removeClass("page-container-wide");
    $(".page-sidebar .x-navigation").removeClass("x-navigation-minimized");
    $(".x-navigation-minimize").find(".fa").removeClass("fa-indent").addClass("fa-dedent");
  } else {
    $(".page-container").addClass("page-navigation-toggled");
    $(".page-container").addClass("page-container-wide");
    $(".page-sidebar .x-navigation").addClass("x-navigation-minimized");
    $(".x-navigation-minimize").find(".fa").removeClass("fa-dedent").addClass("fa-indent");
  }
});

3
  • Buenas, probaste usando ng-class? Lo que hace esta directiva es verificar el estado de una variable, y en consecuencia agregar o quitar una clase. En caso de que este acercamiento te sea útil, puedo armar un ejemplo en plunker.
    – KN_
    Commented el 28 abr. 2017 a las 22:05
  • muchas gracias lo probare ahora Commented el 28 abr. 2017 a las 23:20
  • probe y no encuentro manera de aplicarlo con un solo boton. (tengo un solo boton y de acuerdo a el estilo que tiene deberia aplicar el inverso) Commented el 28 abr. 2017 a las 23:33

2 respuestas 2

1

La libreria de angular cuenta con jqlite, lo puedes acceder con la sentencia angular.element te dejo un ejemplo mas completo.

angular.element('#div1').addClass("alpha");
0

Solucionado con toggleClass

this.toggleBar = function() {
  var container = angular.element(document.querySelector('.page-container'));
  var bar = angular.element(document.querySelector('.page-sidebar .x-navigation'));
  container.toggleClass('page-navigation-toggled');
  container.toggleClass('page-container-wide');
  bar.toggleClass('x-navigation-minimized');
}

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.