Добавление md-tooltip в диаграмму SVG?

Question

Это пример:

<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> 

Я хочу добавить <md-tooltip> к каждому из этих прямоугольников. Могу я как-нибудь это сделать? Я говорю о Angular Material Tooltip конкретно, а не о другой реализации всплывающей подсказки из других библиотек.

Answer 1

Try, чтобы обернуть его в DIV и применять MD-подсказке

<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