2013-09-30 168 views
8

在angularJS中,我如何從屬性文件讀取值?angularjs從屬性文件中讀取

connection.properties: 

url="http://localhost:8080" 
user= "me" 
get= "GET" 
post= "POST" 

app.js:

var app = angular.module('testing',[]); 
app.controller('testCtrl',function($scope,$http) {  
    $http({  
     url: connection.properties.url , 
     method: connection.properties.get, 
     params: {user: connection.properties.user})   
    }); 
}); 
+0

@patxy connection.properties是一個駐留在我的服務器上的文件。 – Woot4Moo

回答

12

如果connection.properties是住你的Web服務器上的文件,那麼你只需要做到這一點:

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

app.controller('test', function ($scope, $http) { 
    $http.get('connection.properties').then(function (response) { 
    console.log('a is ', response.data.a); 
    console.log('b is ', response.data.b); 
    }); 
}); 

你可以看到一個例子這裏:

http://plnkr.co/edit/3Ne3roFOwcfVmg2mgnUr?p=preview

+0

你可以提供更多的細節,我實際上如何獲得'connection.properties'? – Woot4Moo

+0

更新了我的答案.. – Langdon

+0

很好,很快就會對此進行測試。 – Woot4Moo

2

簡單的方法就是

  1. 創建一個名爲

    「config.js」 一個js文件(讓我們假設在路徑腳本/配置/ config.js)

    config.js :

    VAR TEST1 = 「http://testurl.com」 VAR TEST2 = 「globalconstant」

  2. 在HTML頁面中包括這個config.js在頂部(上方的主 controller.js):**<script.. src="./scripts/config/config.js"></st>**

  3. 在控制器中作如下改動:

    MainController.js: $範圍。 appUrl = test1; $ scope.appConstant = test2;