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

我想在我的angular2页面上添加一些简单的社交按钮来跟随/喜欢/订阅

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

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

Facebook：

推特：

或Youtube：

但上述措施都不起作用

如果我对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>

我也看到这个问题只涉及facebook，但没有答案。。。这不是绑定数据href的正确方法。您将得到一个错误，即data href不是组件的已知指令。要绑定数据属性，您需要使用[attr.data whatever]=“value”而不使用{{}}抱歉，我不习惯使用角2。。。在本例中，您是否使用TypeScript？我正在查看上的文档，我可以将{{name}}作为一个动态示例。