如何在Angular 2中显示文字{5 + 2}

Question

我正在使用Tex + MathJax。 我想在角度2中显示文字{5 + 2}。 虽然<span ngNonBindable>{5+2}</span>工作正常，但zone.js:355Unhandled Promise rejection: Template parse errors: Unexpected character "EOF" (Do you have an unescaped "{" in your template? Use "{{ '{' }}") to escape it.) (" <span ngNonBindable>{5+2}</span> 会出错：

{{1}}

请建议如何在angular2中显示文字{x + y}。

Answer 1

如果ngNonBindable指令不适合您，您可以使用字符串文字

<span>{{'{5+2}'}}</span>

或者你可以逃避大括号：

<span>&#123;5+2&#125;</span>

HTML转义字符列表： http://www.theukwebdesigncompany.com/articles/entity-escape-characters.php