Nice programing

ngclick에서 마우스 포인터 변경

nicepro 2020. 12. 2. 21:58
반응형

ngclick에서 마우스 포인터 변경


나는를했습니다 div각도로 ng-click첨부 지시자. 이 요소 위로 마우스를 가져가도 마우스 포인터는 변경되지 않습니다. CSS를 통해 변경할 수있는 방법이 있습니까? 단순히 앵커 태그를 부착 할 수 있다는 것을 알고 있지만 이것이 가능할지 알고 싶습니다.


CSS를 통해 변경할 수있는 방법이 있습니까?

예,을 참조하십시오 cursor.

ng-click예를 들어 속성으로 요소를 대상으로 지정하려는 경우 :

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

커서 속성 만 사용하면 됩니다.

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

.pointer {
    cursor: pointer;
}

CSS를 통해 수행 할 수 있습니다.

.yourClass { cursor: pointer; }

스타일 시트로


데이터 테이블을 사용하는 경우 기본 datatables.css 설정을 재정의하고 다음 코드를 사용자 지정 CSS에 추가해야합니다. 아래 코드에서 row-select는 내 HTML 페이지의 데이터 테이블에 추가 한 클래스입니다.

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

예, CSS를 통해 간단히 달성 할 수 있습니다. AngularJS에는 특별한 것이 없습니다.

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

참고 URL : https://stackoverflow.com/questions/18896859/change-the-mouse-pointer-on-ngclick

반응형