angularjs - hand - Cambia el puntero del mouse en ngclick

ng click angular 6

Question

Tengo un div con la directiva de ng-click Angular adjunta. Al pasar el cursor sobre este elemento, el puntero del mouse no cambia. ¿Hay alguna manera de cambiarlo a través de CSS? Sé que simplemente puedo adjuntarle una etiqueta de anclaje, pero me gustaría saber si se puede hacer esto.

Answer 1

¿Hay alguna manera de cambiarlo a través de css?

Sí, ver cursor .

Si solo desea segmentar elementos con el atributo ng-click , por ejemplo:

[ng-click],
[data-ng-click],
[x-ng-click] {
    cursor: pointer;
}

Answer 2

Sí, puedes lograrlo simplemente a través de CSS, nada especial acerca de AngularJS aquí.

<div ng-click="myAngularFunctionWithinController()" style="cursor: hand;cursor: pointer;">
</div> 

Answer 3

Se puede hacer a través de css, solo agrega:

.yourClass { cursor: pointer; }

A tu hoja de estilo

Answer 4

Si está utilizando datos de datos, debe anular la configuración predeterminada de datos de datos.css y agregar el siguiente código a CSS personalizado. En el código de abajo, la selección de filas es la clase que agregué en datos de datos en mi página HTML.

table.row-select.dataTable tbody td
{
cursor: pointer;    
}

Answer 5

Todo lo que tienes que hacer es usar la propiedad del cursor

<div data-ng-click="myFun()" class="pointer"></div>

.pointer {
    cursor: pointer;
}