0

Tengo una funcion que habilita o des-habilita un button, el problema es que a ese button depende si se des-habilita o no le quiero agregar un tooltip y para eso necesito la referencia del button, Funcion:

employeeHaveThisPermission(accion: number, buttonRef: HTMLElement): boolean {
 const canDoit = this.authService.canDoThisAccion(accion);
 if (!canDoit) {
  console.log(buttonRef);
  buttonRef.setAttribute('title', 'No cuenta con los permisos necesarios para esta acción');
 }

 return canDoit;
}

En front.

<button type="button" #btnClose  class="btn btn-success" (click)="closeShift()"
    [disabled]="!employeeHaveThisPermission(specialPermissionsEnum.CloseShift, btnClose)">
    Cerrar Turno {{btnCloseShift.value}}
  </button>
1
  • Esto es lo que eh intentado pero en la funcion me llega "undefined" en el parametro de buttonRef
    – Leo Decko
    Commented el 7 oct. 2019 a las 17:22

1 respuesta 1

0

tooltip no es una propiedad html valida. Puedes usar title y funciona correctamente. Te dejo un ejemplo funcional aquí.

El código de tu componente quedaría de esta manera:





employeeHaveThisPermission(accion: number, buttonRef: HTMLElement): boolean {
 const canDoit = this.cerrar
 if (!canDoit) {
    console.log(buttonRef);
    buttonRef.setAttribute('title', 'No cuenta con los permisos necesarios para esta acción');
 } else {
    buttonRef.setAttribute('title', 'Si puede cerrar');

 }

 return canDoit;
}

7
  • El problema es que no puedo obtener la referencia del elemento en la función. me llega como undefined
    – Leo Decko
    Commented el 7 oct. 2019 a las 19:13
  • #btnClose es lo que no te llega?
    – Legna
    Commented el 7 oct. 2019 a las 19:20
  • Exacto, cuando lo envio desde el evento OnClick, si me llega la referencia, pero en el [Disabled] no, llega como undefined
    – Leo Decko
    Commented el 7 oct. 2019 a las 19:32
  • tambien me pudiera servir, guardar la respuesta de esa funcion en una variable declarada en el html, asi pudiera hacer tipo : <button [title]='canDoit?'':'No cuenta con permisos''; [disabled]='canDoit' > No quiero declarar una variable en el ts, debido a que tengo multiples permisos y tendrai que crear una variable por cada permiso
    – Leo Decko
    Commented el 7 oct. 2019 a las 19:37
  • Es otra opción valida.
    – Legna
    Commented el 7 oct. 2019 a las 19:38

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.