For more info please check the components's official demos & documentation demos & documentation
     
Tooltips can contain any arbitrary HTML, Angular bindings and even directives! Simply enclose desired content in a <ng-template> element.
Hello, {{name}}!
You can easily override open and close triggers by specifying event names (separated by :) in the triggers property.
Alternatively you can take full manual control over tooltip opening / closing events.
 
{{greeting}}, {{name2}}!
You can optionally pass in a context when manually triggering a popover.
How would you like to greet me?
   
Set the container property to "body" to have the tooltip be appended to the body instead of the triggering element's parent. This option is useful if the element triggering the tooltip is inside an element that clips its contents (i.e. overflow: hidden).