title: Uncaught Error: cordovaHTTP is not available
body: <p>I want to use cordovaHTTP plugin for Background threading, I installed it from github link (<a href="https://github.com/wymsee/cordova-HTTP" rel="nofollow">https://github.com/wymsee/cordova-HTTP</a>).</p>
  
  <p>But when i inject it to my app then it gives me an error.</p>
  
  <pre><code>Uncaught Error: [$injector:modulerr] Failed to instantiate module starter due to:
  Error: [$injector:modulerr] Failed to instantiate module cordovaHTTP due to:
  Error: [$injector:nomod] Module 'cordovaHTTP' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.
  http://errors.angularjs.org/1.3.13/$injector/nomod?p0=cordovaHTTP
  </code></pre>
  
  <p>My app.js code is:-</p>
  
  <pre><code>angular.module('starter', ['ionic', 'ngCordova','cordovaHTTP','starter.controllers', 'ngStorage', 'toaster','angular.filter','angular-loading-bar','ngTagsInput','ngIOS9UIWebViewPatch'])
  </code></pre>
  
  <p>My Article.js file code is:-</p>
  
  <pre><code>Article.prototype.articleDetails = function(articles,createdDate) {
                        var access_token = $localStorage.accessToken;
                      if(createdDate) {
                         articles.forEach(function(bookmark) {
                             if(bookmark.created_at &gt; createdDate) {
                              if(bookmark.mode != 'youtube' &amp;&amp; bookmark.mode != 'pdf' ) {
                                 cordovaHTTP.post("https://www.example.com/get_article_detail?access_token="+access_token, {
                                      bookmark_file: bookmark.bookmark_file,
                                  },
                                  {}, // optional headers
                                  function(msg) {alert("OK: " + msg)},
                                  function(msg) {alert("ERROR: " + msg)}
  );
  
                              }
                                   }
              }); 
                      } else {
                      localstorage.set('isUserTraverseColony', 1);
              articles.forEach(function(bookmark) {
                              if(bookmark.mode != 'youtube' &amp;&amp; bookmark.mode != 'pdf' ) {
                                  cordovaHTTP.post("https://www.example.com/get_article_detail?access_token="+access_token, {
                                      bookmark_file: bookmark.bookmark_file,
                                  },
                                  {}, // optional headers
                                  function(msg) {alert("OK: " + msg)},
                                  function(msg) {alert("ERROR: " + msg)}
                                  );
  
  
  
                              }
              });
                      }
          }
  </code></pre>
  
  <p>My index.html file is:-</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"&gt;
      &lt;title&gt;&lt;/title&gt;
  
      &lt;link href="lib/ionic/css/ionic.css" rel="stylesheet"&gt;  
      &lt;link href="css/loading-bar.css" rel="stylesheet"&gt;
      &lt;link href="lib/angularjs-toaster/toaster.min.css" rel="stylesheet"&gt;
      &lt;link rel="stylesheet" href="lib/ngtoast/dist/ngToast.min.css"&gt;
      &lt;link href="css/style.css" rel="stylesheet"&gt;
   &lt;link href="lib/ng-tags-input/ng-tags-input.css" rel="stylesheet"&gt;
  
      &lt;!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
      &lt;link href="css/ionic.app.css" rel="stylesheet"&gt;
      --&gt;
  
      &lt;!-- ionic/angularjs js --&gt;
      &lt;script src="lib/ionic/js/ionic.bundle.js"&gt;&lt;/script&gt;
      &lt;script src="lib/angularjs-toaster/toaster.min.js"&gt;&lt;/script&gt;
      &lt;script src="lib/ngtoast/dist/ngToast.min.js"&gt;&lt;/script&gt;
      &lt;script src="lib/angular-filter/dist/angular-filter.min.js"&gt;&lt;/script&gt;
      &lt;script src="lib/ng-tags-input/ng-tags-input.min.js"&gt;&lt;/script&gt;
             &lt;script src="lib/angular-ios9-uiwebview.patch.js"&gt;&lt;/script&gt;
      &lt;script src="js/ng-cordova.min.js"&gt;&lt;/script&gt;
      &lt;script src="js/ngStorage.js"&gt;&lt;/script&gt;
      &lt;script src="js/ng-cordova-oauth.min.js"&gt;&lt;/script&gt;
      &lt;script src="js/loading-bar.js"&gt;&lt;/script&gt;
     &lt;!-- &lt;script src="http://crypto-js.googlecode.com/svn/tags/3.1.2/build/rollups/tripledes.js"&gt;&lt;/script&gt;
       cordova script (this will be a 404 during development) --&gt;
       &lt;script src="cordova.js"&gt;&lt;/script&gt;
       &lt;script src="js/app.js"&gt;&lt;/script&gt;
      &lt;!-- your app's js --&gt;
      &lt;script src="js/controllers.js"&gt;&lt;/script&gt;
      &lt;script src="js/intro.js"&gt;&lt;/script&gt;
      &lt;script src="js/usersCtrl.js"&gt;&lt;/script&gt;
      &lt;script src="js/userFactory.js"&gt;&lt;/script&gt;
      &lt;script src="js/categoriesCtrl.js"&gt;&lt;/script&gt;
      &lt;script src="js/categoriesFactory.js"&gt;&lt;/script&gt;
       &lt;script src="js/homeCtrl.js"&gt;&lt;/script&gt;
      &lt;script src="js/articlesCtrl.js"&gt;&lt;/script&gt;
      &lt;script src ="js/articlesFactory.js"&gt;&lt;/script&gt;
      &lt;script src="js/readerCtrl.js"&gt;&lt;/script&gt;
      &lt;script src="js/common.js"&gt;&lt;/script&gt;
      &lt;script src="js/favouriteCtrl.js"&gt;&lt;/script&gt;
      &lt;script src="js/readerFactory.js"&gt;&lt;/script&gt;
      &lt;script src="js/dbService.js"&gt;&lt;/script&gt;
       &lt;script src="js/errorFactory.js"&gt;&lt;/script&gt;
       &lt;script src="js/localStorage.js"&gt;&lt;/script&gt;
       &lt;script src ="js/favouriteFactory.js"&gt;&lt;/script&gt;
      &lt;script src ="js/cordovaHTTP.js"&gt;&lt;/script&gt;
    &lt;/head&gt;
    &lt;body ng-app="starter"&gt;
     &lt;div class="articleLoaded" ng-if="isLoadArticle == 0"&gt;
     &lt;div class="loading-inner"&gt;
                  &lt;img ng-src="img/loading.gif"&gt;
            &lt;span&gt;Retrieving...&lt;/span&gt;
  
            &lt;/div&gt;
        &lt;/div&gt;
  
         &lt;div class="articleLoaded" ng-if="isLoadLogin == 0"&gt;
     &lt;div class="loading-inner"&gt;
                  &lt;img ng-src="img/loading.gif"&gt;
            &lt;span&gt;Login...&lt;/span&gt;
  
            &lt;/div&gt;
        &lt;/div&gt;
  
  &lt;ion-nav-view animation="slide-left-right" class="slide-left-right"&gt;
      &lt;/ion-nav-view&gt;
       &lt;div class="toastMessage" ng-if="$root.toastMessage"&gt;&lt;span&gt;No network connection!  Please check your network.&lt;/span&gt;&lt;/div&gt;
    &lt;toast&gt;&lt;/toast&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Any Idea?</p>
  
  <p>Thanks.</p>