javascript - angular.js の二重中括弧 {{}} の問題

Question

リーリー

タイトルの通り、上記のコードでは $index の値をパラメータとして取得する必要があり、値を取得するには最初の li に {{}} を追加する必要がありますが、追加する必要はありません2 番目のリへ; これはどうすればいいですか? 区別しますか? ?

Answer 1

ネイティブ HTML でデータを解析するには、{{}} を使用してデータをバインドする必要がありますが、ng コマンドの背後ではその必要はありません。

Answer 2

{{ $var }}包裹的模板变量，当需要直接输出变量值，而无需额外解析（如过滤器处理、作为指令参数、作为函数参数）时使用，反之，ng-click="jump('/myDetail/'+ $index)"はコマンドで呼び出されるパラメータです。

Answer 3

簡単な基準は

• 現在の属性に割り当てられた型が、HTML テンプレートの属性、またはディレクティブの修飾子として @ を含む属性などのリテラル型の場合、値を割り当てるときに二重中括弧が追加されないと、はい、変数として解析したい場合は、二重中括弧を追加する必要があります。

• 現在の属性に割り当てられた型が、Angular テンプレート内のさまざまな組み込み命令や命令内の <、=、& で変更された属性などの非文字列型の場合、割り当ては次の構文ルールに従って解析されます。 js. この場合、中括弧を追加する必要はありません。

Answer 4

まず Angular の 2 つの型について説明します。

テンプレート: 形式は{{...}}，实质是字符串，会被解析引擎展开成可以识别的字符串文本
表达式：可以直接运行的代码，和JS写法基本一致，只是省略了所有的thisです。

その後、コンテキストを参照して、JS 風の部分を記述しているのか、文字列リテラルを記述しているのかを判断できるため、テンプレートが必要か式が必要かを判断しやすくなります。