Получить объект в контроллере

Question

Мне нужно получить объект DOM через jQuery элемента с ng-кликом внутри контроллера.

HTML

<ul> 
    <li ng-repeat="data in list"> 
     <span ng-click="editMode(this, data.id)">edit</span> 
    </li> 
</ul> 

Контроллер

$scope.editMode = function(obj, id) { 
    $(obj).hide(); //do not use jQuery hide() in angular! I's just a test! 
} 

Переменная OBJ имеет элемент, но я не могу с ним работать. Если я попробую $ (obj) .hide(); ничего не происходит.

---

Edit: Это не правильный способ, чтобы скрыть элемент в Угловом! Это просто используется в качестве примера! Скрыть элементы с помощью ng-hide.

Answer 1

В вашем примере this относится к текущему угловому экземпляру $scope, а не к элементу. Самый простой способ получить элемент будет проходить через объект события:

<span ng-click="editMode($event, data.id)">edit</span> 

Тогда в обработчике вы можете получить доступ к целевому элементу:

$scope.editMode = function(e, id) { 
    $(e.target).hide(); 
}; 

Примечания: это не считается хорошим практика с Угловой. Предполагая, что ваша функция editMode ничего не скрывает, вы можете достичь ее с помощью директивы ng-hide или ng-show, как указано в комментарии к вашему вопросу.

Answer 2

Как я уже сказал в своем комментарии, у вас должна быть модель данных резервного копирования и есть реакции, объявленные в вашем угловом html.

Вот пример скрипка:

http://jsfiddle.net/mVCkY/

<li ng-repeat="data in list"> 
    <span ng-click="editMode(data)" ng-hide="data.isInEditMode">edit</span> 
</li> 

function DataCtrl($scope) { 
    $scope.list = [{}, {}, {}]; 
    $scope.editMode = function(obj) { 
     obj.isInEditMode = true; 
    }; 
};