Reading java properties file in Angularjs

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
  </head>

  <body ng-app="app" ng-controller="test">
    <h1>Hello Plunker!</h1>
  </body>

  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.2/angular.js"></script>
  <script src="script.js"></script>

</html>

    var app = angular.module('app', []);
    app.controller('test', function($scope, $http) {
      function extractProperties(data){
        var keyValuePairs =data.split("\n");
        properties ={}
        for (i = 0; i < keyValuePairs.length; i++) {
          var keyValueArr=keyValuePairs[i].trim().split("=");
          var key=keyValueArr[0];
          var value=keyValueArr[1];
          properties[key]=value
        }
        return properties;
      }
      $http.get('connection.properties').then(function(response) {
        var properties =  extractProperties(response.data)
        document.write('a is ', properties.key1);
        document.write('<br/>b is ', properties.key2);
      });
    });

/* Styles go here */

key1=value1 
key2=value2