angular ui-tr 上的 sref - link 不可见

Question

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

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

一切运行良好，但我希望当悬停 table 行时，link 到 'test' 在浏览器底部可见。有没有办法获得它？

Answer 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 主模块的指令中使用 built 来做到这一点。

angular ui-tr 上的 sref - link 不可见

angular ui-sref on tr - link not visible

html

hover

angularjs

ui-sref