title: While accessing json file the browser shows error (Angular JS)
body: <p>When I have included the todos.json file in the javascript it is showing this error.
  The browser i have used is firefox and in chrome it is showing Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.
  the error in firefox is below</p>
  
  <pre><code>Error: Access to restricted URI denied
  fg/&lt;@https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js:99:1
  r@https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js:95:367
  m/g&lt;@https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js:93:8
  e/&lt;@https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js:126:404
  uf/this.$get&lt;/m.prototype.$eval@https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js:141:43
  uf/this.$get&lt;/m.prototype.$digest@https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js:138:132
  uf/this.$get&lt;/m.prototype.$apply@https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js:141:339
  Ac/c/&lt;@https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js:21:42
  h/&lt;.invoke@https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js:41:293
  Ac/c@https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js:20:1
  Ac@https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js:21:259
  fe@https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js:20:69
  @https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js:306:372
  m.Callbacks/j@https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js:2:27304
  m.Callbacks/k.fireWith@https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js:2:28122
  .ready@https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js:2:29954
  J@https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js:2:30320
  </code></pre>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var App = angular.module('App', []);
  
  App.controller('TodoCtrl', function($scope, $http) {
    $http.get('../todos.json')
      .then(function(res) {
        $scope.todos = res.data;
      });
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  
  &lt;head&gt;
  
    &lt;!-- all the script and javascript file are included--&gt;
  &lt;/head&gt;
  &lt;title&gt;Discussion&lt;/title&gt;
  
  &lt;body ng-app="App"&gt;
    &lt;div ng-controller="TodoCtrl"&gt;
      &lt;ul&gt;
        &lt;li ng-repeat="todo in todos"&gt;
          {{todo.text}} - &lt;em&gt;{{todo.done}}&lt;/em&gt;
        &lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>