Angular js：他のサービスの定数値を変更せずに使用する方法

Question

私はAngular jを初めて使用しており、webservice URLとしてさまざまなサービスで使用できるグローバル変数を設定したいと考えています。

私が実装したapp.jsこのような（モジュール）：

var app; 
(function() { 
    app = angular.module("ANG", []); 

    app.value('user', { 
     urlBase: '' 
    }); 
})(); 

私はこれは私がちょうどサービスdefinationでそれを定義し、それを使用する値を定数使用したいが、私はで詳細を保存したいですそれで、値を何度も何度も設定する必要はありません。

例：私はシステムにログインすると

私はそれでwebserviceurlでいくつかのデータを返すと私は、ログインコントローラでvalue.urlBaseでそのURLを設定します。

しかし私は別のサービスに行き、それを使用して値を ''に戻します。

app.service('servicename', ["$http", "$q", 'user', function ($http, $q, user) { 
//access the user here but it gives value ''. 
console.log(user.urlBase); 
} 

がどのように私は一度に格納することができますし、何度も何度もそれを使用します。

CODEは一定の値を使用するには？

Answer 1

あなたは実際にそうように、「定数」ファイルを使用することができます。

export default angular 
    .module('my.module', []) 
    .constant('someConstant', Object.freeze({ 
    foo: 1, 
    bar: 2 
    }) 
    .name; 

我々は我々にObject.freeze（）を使用していますが、変異を防ぐためにimmutable.jsまたはそのような何かを使用することができます。

Answer 2

値ではなく、別のサービスをお勧めします。

は、あなたのサービスにUserServiceのを渡し、そのプロパティとしてアクセス、またはゲッターを介して検索のどちらかであるユーザーオブジェクト含まれています。あなたはurlBaseを設定すると

app.factory('userService', function() { 

    var user = { 
     urlBase: '' 
    }; 

    return { 
     user: user 
    }; 
}; 

app.service('servicename', ['userService', function (userService) { 
    console.log(userService.user.urlBase); 
}]); 

を、あなたもUserServiceのを渡しています。サービスは通常シングルトンなので、他のサービス間でユーザーを保護する必要があります。

UPDATE：

ページの更新間の詳細を保持する必要があるとして、クッキーが悪いソリューションではありません。あなたのloginServiceでは、クッキーの値を設定し、他のサービスではクッキーから読み取ります。

How do I store data in local storage using Angularjs?

Answer 3

You can use constant files like this. 

app = angular.module("ANG", []); 
app.constant('user', { 
    urlBase: { 
      'url':'what ever the URL is' 
    } 
}); 

：これは、別のオプションは、ローカルストレージを使用することであり、これはSOそうと状態を保存する例があり

app.service('loginService', ['$cookie', function ($cookies) { 
    $cookies.put('userUrl', 'http://urlhere'); 
}]); 

app.service('servicename', ['$cookie', function ($cookies) { 
    console.log($cookies.get('userUrl')); 
}]); 

角（https://docs.angularjs.org/api/ngCookies/service/$cookies）で$クッキーのサービスを使用して行われます