AngularJs: UI bootstrap tooltip

Question

Could you please help me with the ui bootstrap tooltip in angular. On hovering over button details I need to show a table. Greatly appreciate the help. Thanks.

HTML:

    var myApp = angular.module('myApp', ['pinnacaServices','ngMaterial', 'ui.router', 'ncy-angular-breadcrumb', 'md.data.table', 'anim-in-out','ngCookies', 'ngAnimate', 'ui.bootstrap']);
              <td md-cell >
                     <button >Details</button>
              </td>

cssBlaster21895 · Accepted Answer · 2016-11-17 21:20:25Z

1

Prepare file with your html structure, use ui tooltip as directive. It can be something like this.

<button uib-tooltip-template="'myTooltipTemplate.html'">Details</button>

answered Nov 17, 2016 at 21:20

cssBlaster21895

3,70022 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

user3249448 · Accepted Answer · 2016-11-17 21:38:00Z

0

You can also use scope variable and uib-tooltip-html to show table on tooltip

Sample is HERE

answered Nov 17, 2016 at 21:38

user3249448

1,4192 gold badges15 silver badges36 bronze badges

Collectives™ on Stack Overflow

AngularJs: UI bootstrap tooltip

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related