How to use $(this) in $scope functions on Angular JS + jQuery

Question

I just wanted to ask why $(this) selector doesn't work inside $scope functions in Angular JS + jQuery.

I have this sample code:

[Javascript]

$scope.startTimer = function() {
     $(this).hide();
}

[HTML]

<button ng-click="startTimer()">

I've tried doing it like this but still doesn't work:

[Javascript]

$scope.startTimer = function(btn) {
     $(btn).hide();
}

[HTML]

<button ng-click="startTimer(this)">

Anyone knows how to fix this? Sorry for the noob question.

Poyraz Yilmaz · Accepted Answer · 2014-08-19 01:20:07Z

4

do it with angular way...

[HTML]

<button ng-click="startTimer()" ng-hide="btnHide">

[Javascript]

$scope.startTimer = function(btn) {
     btnHide = true;
}

answered Aug 19, 2014 at 1:20

Poyraz Yilmaz

5,8671 gold badge28 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

V31 · Accepted Answer · 2014-08-19 01:57:04Z

0

You can do this a scope variable inside the markup in angular

<div ng-init="hideButton:false">
    <button ng-click="hideButton=true" ng-hide="hideButton">
</div>

answered Aug 19, 2014 at 1:57

V31

7,6643 gold badges28 silver badges44 bronze badges