 <p>see below, happy coding ! :)</p> <p>In plunker you can set <code>&lt;base href="/" /&gt;</code>, you have to script that: </p> <pre><code>&lt;script&gt; document.write('&lt;base href="' + document.location + '" /&gt;'); &lt;/script&gt; </code></pre> <p>You forgot some script required by ui-bootstrap :</p> <pre><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0/angular-animate.js"&gt;&lt;/script&gt; &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0/angular-route.js"&gt;&lt;/script&gt; &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0/angular-touch.js"&gt;&lt;/script&gt; </code></pre> <p>And you forgot to load ui.bootstrap in your module :</p> <pre><code>angular.module('modalService', ['ui.bootstrap']).service('modalService', ['$modal', function(){...}) </code></pre> <p><a href="http://plnkr.co/edit/4BiF2SlhOZDrFgMzj31z?p=preview" rel="nofollow">http://plnkr.co/edit/4BiF2SlhOZDrFgMzj31z?p=preview</a></p>