AngularJS - 悬停后鼠标指针的信息

Question

在我的AngularJS 1.3应用程序中，我有这个日历，可以点击唯一的单元格：

如果鼠标结束，我将会做的是12. 4月和用户3（Marktl）比

12. April 2017
Marktl

应显示在鼠标指针旁边。 有没有办法做到这一点（也许是在AngularJS的支持下）？

这是我自己编写的日历的html代码：

<table class="absenceOverviewTable tableShadow">
<thead>
    <tr class="first-header">
        <th></th>
        <th></th>
        <th class="center first month-header" data-ng-repeat="value in vm.currentMonthNames track by $index">{{value}}</th>
    </tr>
</thead>
<tbody>
    <tr data-ng-repeat="scheduleAbsenceUserContainer in filtered = (institution.scheduleAbsenceUserContainers">
        <td>
            <div class="userNameColumn" title="{{scheduleAbsenceUserContainer.institutionUserRole.value | translate}}"></div>
        </td>
        <td data-ng-repeat="scheduleAbsenceMonthContainer in scheduleAbsenceUserContainer.scheduleAbsenceMonthContainers">
            <table class="days-table">
                <tr>
                    <td data-ng-repeat="scheduleAbsenceDayContainer in scheduleAbsenceMonthContainer.scheduleAbsenceDayContainers track by $index">
                        <div class="data-table-pos border-color width-100">

                        </div>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</tbody>
</table>

Answer 1

从您原来的问题中，并不完全清楚您想要的行为。

如果您希望在悬停细胞时将某些内容显示为工具提示，则可以使用常规的html title属性。在这种情况下，它不会立即出现，你必须徘徊2秒钟。

如果您想立即显示工具提示，可以尝试使用Angular Material的工具提示：https://material.angularjs.org/latest/demo/tooltip