Beautiful Tooltip for Angular in One Line

03 Mar 2014

Enable beautiful tooltip for angular in one line.


As you may have already been using angular for a long time and just want to have a nice tooltip for your app, here I'll skip the introduction of Angular. For those who don't know what it is, it's a front-end framework which makes front-end coding fun again! So how to make a tooltip that's beautiful in the least code? With angular and a tooltip library, easy! Here's the screenshot of the final product: How it's made? First include these two lines of code just before the body close tag. ''' ''' Second, at where you want a nice tooltip, put two attributes title="the tooltip text you want to show"
tooltip-direction="the direction of the tooltip"
Done! That's it, that's all you need to do in order to have a beautiful tooltip in your angular app. For those who are obsessed with page loading performance, the file is is very small, 50k in total, it's smaller than a tiny image!