O'Reilly logo

Learning Web Development with Bootstrap and AngularJS by Stephen Radford

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Integrating AngularStrap

Now that we've seen how we can use many of the plugins, it's time to put them into use and jazz up our contacts manager. We're going to use the tooltip and alert plugins to provide some hints and feedback to our users.

First of all, let's replace that hint text underneath the notes box in the Add Contact view with a tooltip:

<textarea id="notes" class="form-control" ng-model="contact.notes" bs-tooltip data-title="Any additional information about the contact." data-trigger="focus" data-placement="bottom"></textarea>

Rather than creating a model and binding it to the directive, it makes sense to just take advantage of the data-title attribute that's available to us. Here, we've opted to place it underneath and trigger it on ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required