title: Cordova: LocalFileSystem is not defined
body: <p>I am not able to get the cordova file system to work. I have a project with the following dependencies:</p>
  
  <pre><code>com.ionic.keyboard 1.0.3 "Keyboard"
  org.apache.cordova.console 0.2.12 "Console"
  org.apache.cordova.device 0.2.13 "Device"
  org.apache.cordova.file 1.3.2 "File"
  org.apache.cordova.file-transfer 0.4.8 "File Transfer"
  </code></pre>
  
  <p>In <code>app.js</code> I define a dependency on a controller module:</p>
  
  
  
  <pre class="lang-js prettyprint-override"><code>angular.module('starter', ['ionic', 'controllers']);
  </code></pre>
  
  <p>The controller code is basically this:</p>
  
  <pre class="lang-js prettyprint-override"><code>angular.module('controllers', [])
    .controller('GalleryCtrl', function ($scope) {
      function success() {...}
      function error() {...}
      window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, success, error);
    }
  }
  </code></pre>
  
  <p>What I then get is:</p>
  
  <pre class="lang-js prettyprint-override"><code>LocalFileSystem is not defined
  </code></pre>
  
  <p>Also, <code>requestFileSystem</code> is undefined. What could be the reason for this behavior?</p>
  
  <p>I am using cordova 4.1.2 and ionic 1.3.1.</p>
  
  <p><strong>EDIT:</strong> This is the according html markup:</p>
  
  <pre class="lang-xml prettyprint-override"><code>&lt;body ng-app="starter" ng-controller="GalleryCtrl"&gt;
  &lt;ion-nav-view&gt;
      &lt;ion-slide-box id="slideBox"&gt;
          &lt;ion-slide ng-repeat="..."&gt; &lt;!-- details omitted --&gt;
          &lt;/ion-slide&gt;
      &lt;/ion-slide-box&gt;
  &lt;/ion-nav-view&gt;
  &lt;/body&gt;
  </code></pre>