角度动态元描述答案

【问题标题】：Angular Dynamic Meta Description角度动态元描述
【发布时间】：2014-09-18 08:15:43
【问题描述】：

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

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

我调用模块

我依赖注入模块 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}}">

【问题讨论】：

标签： angularjs seo

【解决方案1】：

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

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

我自己错过了这一步，现在我已经添加了它，如果这不适合你，请告诉我。

【讨论】：