How to include angular-bootstrap in existing angularjs application?

Question

Assuming one has already built a simple front end in angularjs, what are the steps needed to follow in order to include angularjs-bootstrap in front end and use the corresponding directives and css?

Answer 1

Add 'ui.bootstrap' to angular.module:

var myModule = angular.module('myApp', ['ui.bootstrap']);

and sure import bootstrap javascript + css to your header

Answer 2

Dependency Injection is one of the best part of AngularJs MV * framework. You can inject it in the cntroller