angularjs - 以角度存储和访问全局变量

Question

在 AngularJS 中，存储应用程序每个页面所需信息的最佳方式是什么？

就我而言，我想存储我的应用程序的名称appTitle = "my app"，并希望在我的应用程序的所有页面上都可以通过{{ appTitle }}.

我尝试放入var appTitle = "my app";app.js，但这不起作用。

我是否需要为其提供服务并将其注入每个控制器，还是有更好的方法？

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 的值。要了解更多信息，请查看此博客文章中的文档或更多详细信息