如何在共享的angularJS页面中显示动态页面描述(例如通过google +1 )

Question

我尝试在我们的应用程序中为google+和facebook +1启用metas，但我得到的不是什么都没有，页面的url，或者是帖子中的{{pageDesc}}。现在，我正在使用一个动态设置元描述的指令：

HTML：

<meta meta-description>

指令：

app.directive('metaDescription', [ 'metaData', function(metaData){
  return {
    restrict: 'A',
    replace: true,
    template: '<meta name="description" content="{{description}}">',
    link: function(scope,element){
      scope.metaData = metaData;
      scope.description = scope.metaData.pageDesc;

    }
  };
}]);

这样做时，google api不会识别标题和描述，而只是将当前页面的url和站点的url设置为title/description。

我一直在尝试使用prerender.io，但我不得不禁用它，因为它会使+1插件崩溃。

Answer 1

在呈现文档之前，必须在HTML中设置这些值。抓取页面的Facebook/Google/etc机器人通常不会执行JavaScript。