How to read Java property file in AngularJS?

Question

Is there any way to read a properties file from angularjs which resides outside the web server?

like in java the property file deployed out of the project but we can read those file in our project as filter.properties in this way any solution is there in angularJS.

I tried like this but getting undefined.

filter.properties:

key1=value1 
key2=value2

sampleController.js

var app = angular.module('sampleApp', []);
    app.controller('sampleController', function($scope, $http) {
    $http.get('filter.properties').then(function (response) {
        console.log('a is ', JSON.stringify(response.data.key1));
    });
});

SAMUEL · Accepted Answer · 2017-03-22 09:30:16Z

5

There are several ways to access properties files in angularjs.

Like every files properties file is a file with .properties extension. Since java properties files are key value pair separated by = in a single line.

So we can convert a properties file into javascript object by iterating each lines in properties file and split-ing it with = symbol and storing it as javascript object which will help to access it quickly.

Here is its javascript implementation

function extractProperties(propertiesFileContents){
  var keyValuePairs =propertiesFileContents.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;
}

Based on your code here iam adding a plunker here hope this may help you

edited Mar 22, 2017 at 9:30

answered Mar 22, 2017 at 8:38

SAMUEL

8,6223 gold badges46 silver badges44 bronze badges

Sign up to request clarification or add additional context in comments.

13 Comments

Shiva Goud A Over a year ago

Thanks for quick replay let me try.

Shiva Goud A Over a year ago

is any way to read that property file from localhost? in angularJS

SAMUEL Over a year ago

@ShivaGoudA are you working on which type of application

Shiva Goud A Over a year ago

spring mvc project

SAMUEL Over a year ago

You can try following links for reference 1 [Returning a file from spring controller ](stackoverflow.com/questions/5673260/…) and 2 loading a property file into controller

|

KlavierCat · Accepted Answer · 2019-01-02 16:14:57Z

Samuel J Mathew's solution works for me, but the properties file I have to deal with have multiple empty lines in the file, together with lines commented out, and sometimes with white spaces around the = sign. So I have to add some checks to handle these situations. The modified result is such, hopefully will be useful to those working with a more complex properties file:

function extractProperties(data){
    const keyValuePairs = data.split("\n");
    properties = {}

    for (var i = 0; i < keyValuePairs.length; i++) {
      const keyValuePair = keyValuePairs[i].trim();
      if (!keyValuePair || keyValuePair[0] === '#') {
        continue;
      }
      const keyValueArr = keyValuePair.split("=");
      const key = keyValueArr[0].trim();
      const value = keyValueArr[1].trim();
      properties[key] = value
    }

    return properties;
  }

Collectives™ on Stack Overflow

How to read Java property file in AngularJS?

2 Answers 2

13 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

13 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related