如何从角度控制器读取属性文件

Question

我正在尝试从角度控制器加载属性文件，但我没有得到值而不是值undefined。为此我使用下面的代码。

      $http.get('Validation.properties').then(function (response) {
        console.log('TestString is ', response.data.TestString);
        console.log('BooleanValue is ', response.data.BooleanValue);            
      });

我的属性文件就像

{ "TestString": "Read value from file", "BooleanValue": false }

输出为：

TestString is  undefined
BooleanValue is  undefined

Answer 1

AS @lin提到你必须使用json文件。但是，如果您的属性是常量（意味着配置属性，如api_url或任何东西），您可以使用 config.js 文件，而不需要$http个请求：

angular.module('starter')

.constant('API', {
  url: 'http://example.com/api'
});

在你的控制器中：

angular.module('starter');

.controller('dashboard', function($scope, API){

    alert(API.url);

})

Answer 2

此答案也不关心你。您没有在评论中回答用户的问题。所以，当你不回答他们的问题时，这些人应该如何帮助你呢？您没有回答用户提问，而是在评论中提出了一个新问题：Can I Use .js file instead of properties file。这根本没有意义。

好吧，我使用.json文件完成了这项工作。请看一下这个demo plnkr。

AngularJS应用程序

var myApp = angular.module('myApp', []);

myApp.controller('MyCtrl', function ($scope, $http) {
  $http.get('./validation-properties.json').then(function (response) {
      console.log('TestString is ', response.data.TestString);
      console.log('BooleanValue is ', response.data.BooleanValue); 
  });
}); 

validation-properties.json文件

{ 
  "TestString": "Read value from file", 
  "BooleanValue": false
}