AngularJS 动态头部数据约定

Question

我正在创建一个新的 AngularJS 1.x 应用程序（我对它相当陌生）并且不熟悉更新动态更新头部数据的约定，目前我正在使用服务更新每个页面。但这将是一个规模庞大的项目，重复这十几次似乎已经是多余的了，接下来还有几十次。如果有替代方法可以将服务应用于每个页面控制器，有人会为此推荐什么约定？

这是我必须应用于每个控制器的代码片段：

(function() {
 'use strict';

 angular
   .module('app')
   .controller('MainController', MainController);

 function MainController(MetadataService) {  
   MetadataService.setMetaTags({
     title: 'Main',
     description: 'This is a description of the main page'
   });
 }
})();

Answer 1

据我所知还没有。但是，您可以将您的服务添加到 angular 对象并在您的控制器中从那里调用它。

所以它看起来像这样：

angular
   .module('app').run(['MetadataService', function(MetadataService) {
       angular.MetadataService = MetadataService;
    }])

现在在您的控制器中，您应该可以执行以下操作：

angular.MetadataService

没有显式注入服务。

AngularJS 动态头部数据约定

AngularJS Dynamic head data conventions

html

javascript

metadata

head

angularjs