this en angularjs

[__SDP__]

hola,

No encuentro la forma de obtener el elemento actual que ejecuto la función

en jquery es con this

$('.miclase').click(function(){

this.css("background","#f00");

});

ese this nose hace algo igual en angujar


si me pueden ayudar

[mortiprogramador]

Saludo

Estando en el controller, con this,
aunque vale $scope en anteriores,
depende cual versión se maneje.

[__SDP__]

como ejemplo tengo algo asi

index.html

Código HTML:

<li ng-click="pag('1')"><div>1</div></li>
<li ng-click="pag('2')"><div>2</div></li>
 

appjs.js

Código Javascript:

angular.module("sitio",[])
        .controller("paginador",function($scope){
            
            $scope.pag = function(id){
                
                this. //???
                o
                $scope. //???
 
                
            }
            
        });
 

quiero que al hacer click cambie cualquier cosa mediante css o agregar una clase como lo hace jquery con addClass

[mortiprogramador]

Saludo

Según la versión que parece que estás manejando,
te sirve cualquiera de los dos (this o scope)

Obviamente, necesitas para el caso que mencionas,
que lo que quieras tenga una variable ya sea en el id,
en el class, o en el style.

Y lo más sencillo sería que por ej arranque con un id, class o style inicial,
y que al dar clic esa variable cambie el valor a un estilo definido directamente
en el clic, o si fue un id o class, que tome un id o class de los que se tienen
aparte en un css.

Ej

Código Javascript:

<!-- con style-->
<li style='{{test}}' ng-click="pag('1')">
<!-- con id-->
<li id='{{test}}' ng-click="pag('1')">
<!-- con class-->
<li class='{{test}}' ng-click="pag('1')">
 

Código Javascript:

angular.module("sitio",[])
        .controller("paginador",function($scope){
            //con style
            $scope.test = 'background-color:#fff';
            //con id o class
            $scope.test = 'css-test1';
            $scope.pag = function(id){
                //con this
                this.test = '';
                //con scope
                $scope.test = '';                
            }
            
        });
        .controller("paginador",function($scope){