angularjs - Angular 动态元描述

Question

当前问题和状态:由于 Angular 是一个单页应用程序，我在 google 上的索引页面上得到了相同的标题和描述目标:改进 SEO 当我路由到我的页面时我需要动态标题和元描述

目标:需要帮助实现:https://github.com/moonfuse/angular-meta

1. 我调用模块

1. 我依赖注入(inject)模块 angular.module("myApp", ["customFilters", "meta"]) .config(函数($routeProvider, $locationProvider, MetaProvider)

   我将标题和描述添加到我的路由注释中 MetaProvider 的工作方式应与 $routeProvider 相同

    $routeProvider.when("/myedition", {
   
            templateUrl: "/views/myedition.html"
   
                  });
   
                   MetaProvider.when("/myedition", {
                           title: "Your Collection",
                           description: "Publish Your Own Collection"
                       })
   

我的版本的 HTML

  <title data-ng-bind="meta.title"></title>
   <meta name="description" content="{{meta.description}}">

Answer 1

您还需要在 app.js 文件的运行 block 中包含一个 Meta.init()。

app.run(['Meta', function(Meta){
    Meta.init();
}]);

我自己错过了这一步，现在我已经添加了它，但它可以正常工作，如果这不适合您，请告诉我。