我想在我的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>