html - HTML で angular.jstemplating を使用して中括弧をエスケープする
環境

Question

<pre>angular.js の中かっこを介したデータバインディングの方法と組み合わせて使用すると、HTMLのタグで奇妙で奇妙な動作が発生することがわかりました。データバインディングを考えるとfoo = 'bar'、私は書きたい

<pre>
{{{foo}}}
</pre>

印刷するように

{bar}

<pre>環境内。

{ bar }、スペースを入れて印刷するのは良くありません。(これは最終的に BibTeX を生成するために使用されます。)環境だけでなく、html エンティティ{とを使用してみました。}<xmp>

ここで何が起こっているのか分かりますか？前もって感謝します。

score 1 · Accepted Answer

括弧を引用してみることができます：

{{ "{" + foo + "}" }}

関数を作ってみることもできます:

$scope.q = function(s) {
   return "{" + s + "}";
 }

{{ q(foo) }}

html - HTML で angular.jstemplating を使用して中括弧をエスケープする環境