AngularJs-显示一个弹出窗口，显示范围中的值

我想在项目悬停时显示一个弹出窗口，其中包含docDetails中的值。 看着像这样的东西

<div ng-repeat="row in docDetails">
            <div ng-mouseover="hoverIn()" ng-mouseleave="hoverOut()" class="col-sm-2">
                {{row.DocumentTypeName}}

<span class="??" style="white-space: normal;" ng-show="hoverEdit">
                    {{row.DocumentUploadedBy}}
                </span>

{{row.DocumentTypeName}}
{{row.DocumentUploadedBy}

hoverEdit

在

hoverIn（）

和

hoverOut（）

方法中设置为

true/false

我在看两件事 悬停时，我想显示一个鼠标指针，并显示一个小弹出窗口，内容为

{{row.DocumentUploadedBy}

我可以随时使用bootstrap中的任何东西吗？接受所有建议

---

谢谢

这里有一些你可以试试的东西[Plunker][1] 请使用下面提到的链接

Plunker

或者用下面提到的其他术语

剧本-

var-app=angular.module（“app”，[]）

应用程序控制器（'main'，[“$scope”，函数（$scope）{

}]))

而HTML作为

{{hoverEdit}
{{row.DocumentTypeName}}
{{row.DocumentUploadedBy}

请分享提琴或赃物对不起，我没有一个可用的版本，我给出了一个想法，我发布了这个示例。docDetails obj数组包含DocumentTypeName和DocumentUploadedByQuestions，询问第三方工具或库的建议对于本网站来说是离题的，因为它们会生成大量垃圾邮件。仅链接的答案被认为没有帮助，因为链接本身可能会更改。这绝对是一个只有链接的答案，即使链接是在评论中而不是答案正文中。最好是在答案中发布链接的相关部分。仅仅将链接从评论移动到正文并不能提高答案的质量；这仍然是一个只包含链接的答案，因为如果不单击链接，我们就无法阅读答案并了解建议的解决方案。@Claies-现在在ans中可以了吗

$scope.docDetails = [
    {DocumentTypeName:"Type-1",DocumentUploadedBy:"User-1",ShowInfo:false},
    {DocumentTypeName:"Type-2",DocumentUploadedBy:"User-2",ShowInfo:false},
    {DocumentTypeName:"Type-3",DocumentUploadedBy:"User-3",ShowInfo:false},
    {DocumentTypeName:"Type-4",DocumentUploadedBy:"User-4",ShowInfo:false}
];