将md-tooltip添加到SVG图表?

时间:2016-01-03 12:52:55

标签: angularjs svg tooltip angular-material

这是一个例子:

<svg>
    <g ng-repeat="rect in rectList">
        <rect ng-attr-fill="rect.fill"
              ng-attr-x="rect.x"
              ng-attr-y="rect.y"
              ng-attr-width="rect.width"
              ng-attr-height="rect.height"></rect>
    </g>
</svg>

我想在每个rects中添加<md-tooltip>。我能以某种方式做到吗?我是专门讨论Angular Material Tooltip,而不是其他库中的任何其他工具提示实现。

1 个答案:

答案 0 :(得分:0)

尝试将其包装在div中并应用md-tooltip

<div ng-repeat="status in statuses">
   <md-tooltip md-direction="right">
     {{status.description}}
    </md-tooltip>     
<svg >
   <rect width="300" height="100"   >
   </rect>          
</svg>
</div>

这是工作Sample