tr-link上的角度ui-sref不可见

时间:2017-12-03 21:37:41

标签: html angularjs hover ui-sref

我将ui-sref属性放在tr元素中。

<tr ui-sref="test" ng-repeat="d in data">

一切运行良好,但我希望链接到&#39; test&#39;当悬停表格的行时,在浏览器的底部可见。有没有办法获得它?

1 个答案:

答案 0 :(得分:1)

angular.module('myApp',[])
  .controller('MyCtrl', function(){
    this.model = {};
  });
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.6/angular.min.js"></script>

<div ng-app="myApp" ng-controller="MyCtrl as myCtrl">

<span ng-mouseover="myCtrl.model.mouseIsOver = true"
     ng-mouseout="myCtrl.model.mouseIsOver = false">
     Hover me
</span>

<div ng-if="myCtrl.model.mouseIsOver">
test
</div>

</div>

与ui-router并不真正相关,但您可以使用ng主模块中的内置指令来完成此操作。