angularjs - AngularJS を使用しているときにページに表示する中括弧をエスケープするにはどうすればよいですか?

Question

ユーザーに二重中括弧を表示したいのですが、Angular はそれらを自動的にバインドします。これは、ページの読み込み時にバインドに使用される中かっこを見たくないという、この質問の反対のケースです。

ユーザーにこれを見てもらいたい：

My name is {{person.name}}.

しかし、Angular は{{person.name}}値に置き換えます。これでうまくいくかもしれないと思ったのですが、angular はそれを次の値に置き換えます。

&#123;&#123;person.name}}

score 151 · Accepted Answer

151

<code ng-non-bindable>{{person.name}}</code>

ドキュメンテーション @ ngNonBindable

于 2013-06-01T01:44:29.767 に答える

score 31 · Accepted Answer

編集： 引用符内の括弧の間に\スラッシュを追加すると機能します

{{  "{{ person.name }\}"   }}

これも..角度解釈をバイパスします

{{ person.name }<!---->}

これも ..

{{ person.name }<x>} 

{{ person.name }<!>}

score 13 · Accepted Answer

私たちの場合、中括弧をプレースホルダーに表示したかったので、HTML属性内に表示する必要がありました。これを使用しました：

 <input placeholder="{{ 'Hello {' + '{person.name}' + '}!' }}" ...>

ご覧のとおり、中かっこを分離しておくために、3 つの小さな文字列から文字列を作成しています。

'Hello {' + '{person.name}' + '}!'

これにより、使用が回避されるため、要素の他の場所で属性ng-non-bindableを引き続き使用できます。ng-

8 に答える 8