angularjsのオートコンプリートオプションにブートストラップポップオーバーを表示するにはどうすればよいですか？

Question

私はangularjsを初めて使っています。オートコンプリートオプションのホバーにリンクを表示する必要があります。左側の3つのドットas below

リンク上（3ドット）にカーソルを移動すると、htmlテンプレートであるポップオーバーを表示する必要があります。 私はポップオーバーリンクを表示する方法を見つけることができません。 Btw私は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の例に記載されているように、「渡すオブジェクト」メソッドを使用して結果を返す方法を変更してから、あなたの...にバインドして、ブートストラップのポップオーバーを表示する必要がありますDocumented Hereオブジェクト。

ブートストラップを角度調整するには、特定のポップオーバー実装を持つAngularUIを使用します。 Documented Here UI.Bootstrap.Popoverを参照してください。