title: add sweet alert angular js
body: <p>I'm new to AngularJS and I'm trying to use sweet alert plugin from <a href="https://github.com/oitozero/ngSweetAlert" rel="noreferrer">https://github.com/oitozero/ngSweetAlert</a> , I already added the corresponding scripts to my index.html like this :</p>
  
  <p><strong>index.html</strong></p>
  
  <pre><code>&lt;link rel="stylesheet" href="bower_components/sweetalert/dist/sweetalert.css"&gt;
  &lt;script src="bower_components/angular-sweetalert/SweetAlert.min.js"&gt;&lt;/script&gt;
  &lt;script src="bower_components/sweetalert/dist/sweetalert.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>As the documentacion says. Now in my <strong>ctrl.js</strong> I have this :</p>
  
  <pre><code>var ctrl = function ($scope, SweetAlert) {
  
      SweetAlert.swal("Here's a message"); // this does not work
  }
  
  ctrl.$inject = ['$scope', 'oitozero.ngSweetAlert];
  
  angular.module('myApp.missolicitudes.controllers',
      [
         'oitozero.ngSweetAlert'
      ])
      .controller('MiSolicitudCtrl', ctrl);
  </code></pre>
  
  <p>But is not working, on my browser I got this error from developer tools:</p>
  
  <blockquote>
    <p>Error: [$injector:unpr]
    <a href="http://errors.angularjs.org/1.4.3/" rel="noreferrer">http://errors.angularjs.org/1.4.3/</a>$injector/unpr?p0=oitozero.ngSweetAlertProvider%20%3C-""itozero.ngSweetAlert%20%3C-%20MiSolicitudCtrl
        at Error (native)
        at <a href="http://localhost:8081/assets/libs/angular/angular.min.js:6:416" rel="noreferrer">http://localhost:8081/assets/libs/angular/angular.min.js:6:416</a>
        at <a href="http://localhost:8081/assets/libs/angular/angular.min.js:40:375" rel="noreferrer">http://localhost:8081/assets/libs/angular/angular.min.js:40:375</a>
        at Object.d [as get] (<a href="http://localhost:8081/assets/libs/angular/angular.min.js:38:364" rel="noreferrer">http://localhost:8081/assets/libs/angular/angular.min.js:38:364</a>)
        at <a href="http://localhost:8081/assets/libs/angular/angular.min.js:40:449" rel="noreferrer">http://localhost:8081/assets/libs/angular/angular.min.js:40:449</a>
        at d (<a href="http://localhost:8081/assets/libs/angular/angular.min.js:38:364" rel="noreferrer">http://localhost:8081/assets/libs/angular/angular.min.js:38:364</a>)
        at e (<a href="http://localhost:8081/assets/libs/angular/angular.min.js:39:124" rel="noreferrer">http://localhost:8081/assets/libs/angular/angular.min.js:39:124</a>)
        at Object.instantiate (<a href="http://localhost:8081/assets/libs/angular/angular.min.js:39:273" rel="noreferrer">http://localhost:8081/assets/libs/angular/angular.min.js:39:273</a>)
        at $get (<a href="http://localhost:8081/assets/libs/angular/angular.min.js:80:228" rel="noreferrer">http://localhost:8081/assets/libs/angular/angular.min.js:80:228</a>)
        at link (<a href="http://localhost:8081/assets/libs/angular/angular-route.min.js:7:268" rel="noreferrer">http://localhost:8081/assets/libs/angular/angular-route.min.js:7:268</a>)</p>
  </blockquote>
  
  <p>How can I implement this plugin correctly?</p>
  
  <p><strong>Update 1</strong></p>
  
  <p>I have already try this suggestion by @Pankaj Parkar and @Mike G </p>
  
  <pre><code>ctrl.$inject = ['$scope', 'oitozero.ngSweetAlert'];
  </code></pre>
  
  <p>and like this</p>
  
  <pre><code>ctrl.$inject = ['$scope', 'SweetAlert'];
  </code></pre>
  
  <p>My developer tools throws this message:</p>
  
  <pre><code>Error: [$injector:unpr] http://errors.angularjs.org/1.4.3/$injector/unpr?p0=oitozero.ngSweetAlertProvider%20%3C-"&lt;div class="container ng-scope" ng-view=""&gt;"itozero.ngSweetAlert%20%3C-%20MiSolicitudCtrl
  at Error (native)
  at http://localhost:8081/assets/libs/angular/angular.min.js:6:416
  at http://localhost:8081/assets/libs/angular/angular.min.js:40:375
  at Object.d [as get] (http://localhost:8081/assets/libs/angular/angular.min.js:38:364)
  at http://localhost:8081/assets/libs/angular/angular.min.js:40:449
  at d (http://localhost:8081/assets/libs/angular/angular.min.js:38:364)
  at e (http://localhost:8081/assets/libs/angular/angular.min.js:39:124)
  at Object.instantiate (http://localhost:8081/assets/libs/angular/angular.min.js:39:273)
  at $get (http://localhost:8081/assets/libs/angular/angular.min.js:80:228)
  at link (http://localhost:8081/assets/libs/angular/angular-route.min.js:7:268)
  </code></pre>