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

我正在尝试使用facebook的javascript sdk在我的angular应用程序上创建一个动态共享按钮。每个页面都有一个唯一的querystring，我将其附加到我的组件中的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>

未处理的承诺拒绝：模板分析错误：无法绑定到 “href”，因为它不是“div”的已知属性。("

]data href=“{{eventUrl}”

data layout=“button”data size=“large”data mobile iframe=“true”> ；任务：Promise.then；值：语法错误：模板分析错误：无法绑定到 'href'，因为它不是'div'的已知属性。（“

]data href=“{{eventUrl}”

data layout=“button”data size=“large”data mobile iframe=“true”> 将

data href=“{{eventUrl}}”

更改为

[attr.data href]=“eventUrl”

，这将解决您的问题

---

之后，您可能会得到问题的解释，请看一看。

有人知道如何解决这个问题吗？

<div style="position: absolute; right:5px;" class="fb-share-button" [ERROR ->]data-href="{{eventUrl}}"

<div style="position: absolute; right:5px;" class="fb-share-button" [ERROR ->]data-href="{{eventUrl}}"