Question

我正在尝试使用facebook的javascript sdk在我的角度应用上制作动态分享按钮。每个页面都有一个唯一的查询字符串，我将其附加到组件中的URL，但是当我尝试使用字符串插值将其放在data-href中时，我收到此错误：

  <div style="position: absolute; right:5px;" class="fb-share-button" data-href="{{eventUrl}}" data-layout="button" data-size="large" data-mobile-iframe="true">
      <a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fmyurl.com%2F&amp;src=sdkpreparse">
        Share
      </a>
    </div>

未处理的Promise拒绝：模板解析错误：无法绑定到 'href'，因为它不是'div'的已知属性。（”
<div style="position: absolute; right:5px;" class="fb-share-button" [ERROR ->]data-href="{{eventUrl}}"
data-layout =“button”data-size =“large”data-mobile-iframe =“true”＆gt; ;任务：Promise.then;值：SyntaxError错误：模板分析错误：无法绑定到 'href'，因为它不是'div'的已知属性。（”
<div style="position: absolute; right:5px;" class="fb-share-button" [ERROR ->]data-href="{{eventUrl}}"
data-layout =“button”data-size =“large”data-mobile-iframe =“true”＆gt;

Answer 1

将data-href="{{eventUrl}}"更改为[attr.data-href]="eventUrl"，这可以解决您的问题。

之后，您最终可能会解释here解释的问题，所以请看一下。

使用字符串插值的Angular2动态Facebook共享按钮 - 错误

1 个答案: