angularjs - angular でのグローバルの保存とアクセス

Question

AngularJS で、アプリの各ページに必要な情報を保存する最良の方法は何ですか?

私の場合、アプリの名前 を保存し、アプリのappTitle = "my app"すべてのページで からアクセスできるようにしたいと考えています{{ appTitle }}。

app.js に入れvar appTitle = "my app";てみましたが、うまくいきません。

そのためのサービスを作成し、それをすべてのコントローラーに挿入する必要がありますか、それともより良い方法がありますか?

Answer 1

constantsを使用できますが、値が質問のように実際に定数であることを確認してください。

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

myApp.constant('APP_TITLE', 'my app');

アプリケーションモジュール、コントローラー、サービスなどに注入できます。

myApp.controller('fooCtrl', ['$scope', 'APP_TITLE', function($scope, APP_TITLE) {
    $scope.pageTitle = APP_TITLE;
}]);

$provide に基づく値を使用することもできます。詳細については、ドキュメントを確認するか、このブログ投稿で詳細を確認してください