Angular2动态Facebook喜欢,Twitter关注或YouTube订阅不起作用



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

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

我正在尝试做简单的事情,例如添加脚本和div,如中所述:

脸书:https://developers.facebook.com/docs/plugins/like-button

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

或优酷: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 路线,但没有成功。我在这里错过了一些简单的东西吗?

动态值应该像

{{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>

最新更新