Angular2 'blockquote-reverse' 不是已知元素

Question

我正在尝试使用 bootstrap 3.3.6 提供的元素标签，当在我的组件 View 中使用它时，它抛出错误作为未知元素。

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

error getting is 'blockquote-reverse' is not a known element

html view where blockquote-reverse is provided in bootstrap:

<blockquote-reverse>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
  <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
</blockquote-reverse>

当我这样做时，我得到 Error in app/views/footer.component.html:2:81 caused by: Maximum call stack size exceeded

<blockquote class="blockquote-reverse">
  <p>Angular2 have a simplified functionality</p>
  <footer>This is what we can<cite title="Source Title">Anirudha Das</cite></footer>
</blockquote>

我可以通过不使用来避免这种情况，但我真的理解为什么 angular2 会这样/

Answer 1

因为您应该使用 .blockquote-reverse 作为类名而不是元素名:

<blockquote class="blockquote blockquote-reverse">
  ...
</blockquote>

更多信息 here

编辑:

还有你的footer.component它正在递归调用自己