Question

我想在angular2页面上添加简单的社交按钮来关注/喜欢/订阅。

我从API调用中获取页面名称，因此应用程序在初始化模板之前首先使用canActivate防护服务。

我正在尝试做一个简单的事情，如添加脚本和div，如：

中所述

Facebook：https://developers.facebook.com/docs/plugins/like-button

推特：https://dev.twitter.com/web/javascript

或Youtube：https://developers.google.com/youtube/youtube_subscribe_button

但上述情况均无效。

如果我对Facebook页面使用静态值它是有效的，但不是动态值。即：

<div class="fb-like"  data-href="https://developers.facebook.com/docs/plugins/" data-layout="button" data-action="like" data-size="large" data-show-faces="false" data-share="false"></div>

正在运作但

<div class="fb-like"  [attr.data-href]="dynamic page here" data-layout="button" data-action="like" data-size="large" data-show-faces="false" data-share="false"></div>

无效。

脚本在渲染模板之前初始化，我似乎无法使用角度变化检测。我也尝试过API路线，但没有成功。我在这里错过了一些简单的东西吗？

Answer 1

动态值应该像

一样

{{dynamicPage}}

因此，您可以将它添加到控制器函数中的$ scope对象中，如下所示：

<div class="fb-like"  data-href={{dynamicPage}} data-layout="button" data-action="like" data-size="large" data-show-faces="false" data-share="false"></div>

Angular2动态Facebook赞，Twitter关注或youtube订阅不起作用

1 个答案: