小编use*_*172的帖子

HTML:

<ul ng-repeat="task in tasks">
    <li ng-mouseover="hoverIn()" ng-mouseleave="hoverOut()">{{task.name}}</li>
    <span ng-show="hoverEdit"><a>Edit</a></span>
</ul>

JS:

$scope.hoverIn = function(){
    $scope.hoverEdit = true;
};

$scope.hoverOut = function(){
    $scope.hoverEdit = false;
};

代码很荒谬,因为我觉得它太多了.我认为它可以简化.无论如何,结果一旦它悬停就切换所有项目.我有jQuery背景,所以我不知道如何使单项工作ng-repeat.

我不想写复杂的指令只是为了集中注意力.如果方法将使用纯js,则可以接受.我的问题是如何捕捉角度的ng-show.

<a ng-click="showInput=true">show</a>
<input type="text" ng-show="showInput" />

上面的代码显示输入,如何将其集中在它的外观上？