如何在angularjs的自动完成选项中显示引导弹出窗口？

Question

我是angularjs的新手。 我需要在自动完成选项上的悬停上显示一个链接，左侧的三个点如下所示

当我将鼠标悬停在链接（3个点）上时，我需要显示一个html模板的弹出窗口。 我找不到显示弹出链接的方法。 顺便说一句，我正在尝试用massautocomplete。 http://hakib.github.io/MassAutocomplete/

以下是我创建模板的方式-

  for (var i = 0; i < users.length; i++) {
 var user = users[i];
 if (user.name.toLowerCase().indexOf(q) !== -1 ||
     user.email.toLowerCase().indexOf(q) !== -1)
   results.push({
     value: user.name,
     // Pass the object as well. Can be any property name.
     obj: user,
     label: $sce.trustAsHtml(
       '<div class="row">' +
       ' <div class="col-xs-5">' +
       '  <i class="fa fa-user"></i>' +
       '  <strong>' + highlight(user.name,term) + '</strong>'+
       ' </div>' +
       ' <div class="col-xs-6 text-right text-muted">' +
       '  <small><a href="#">' + highlight(user.email,term) + '</a></small>' +
       ' </div>' +
         '<div  class="col-xs-1">' +
           '<a uib-popover-html="\'<b>test</b>\'" '+
            'popover-placement="right" popover-trigger="\'mouseenter\'">...</a>'+
       '</div>'+

       ' <div class="col-xs-12">' +
       '  <span class="text-muted">Joined</span>' +
          user.joined +
       ' </div>'
     )
   });

}

欢迎任何建议，如果需要，我也可以使用另一个自动完成库。

谢谢！

Answer 1

您将需要修改返回结果的方式，以使用MassAutocomplete示例中记录的“传递对象”方法，然后绑定您的...以显示Bootstrap popover（ 此处记录），将内容绑定到对象上的属性。

为了使引导程序更具角度，请使用具有特定弹出窗口实现的AngularUI。 在此处记录请参阅UI.Bootstrap.Popover。