这是我的问题。
HTML结构:
<tr><td><a ng-click=aClick()>Click Me</a></td></tr>
我不能有与和相关的ID /类别
我需要的是单击“单击我”,然后<tr>将其隐藏。我需要一个jQuery解决方案。有些我无法使用$(this)。
<tr>
$(this)
功能:
$scope.aClick = function() { $(this).parent().parent().css('display','block'); };
但是这个说法给我一个错误。
注意:我不建议在控制器中使用dom操作,您可以编写指令来执行此操作。也就是说,您可以使用$event获取事件对象,从中可以获取事件目标并将其与jquery一起使用。
$event
<tr><td><a ng-click="aClick($event)">Click Me</a></td></tr>
和
$scope.aClick = function(event) { $(event.target).parent().parent().css('display','none'); };
演示:柱塞
更新 一个更合适的角度解决方案是使用ng-hide
<tr ng-hide="hideRow"><td><a ng-click="hideRow = true">Click Me</a></td></tr>
使用ng-repeat 更新了演示