angular.js - angularjs {{}}疑问

Question

在html的界面中 {{a}}为什么输出的是

html<span class="ng-binding ng-scope">
4
</span>

而我期望的是

html4

是否有遇到过的大神帮忙解惑～

Answer 1

公式サイトより引用

ngBind 属性は、
指定された HTML 要素 のテキスト コンテンツを指定された式の値に置き換えるよう Angular に指示します。
式の値が変更されたときにテキストの内容を更新します。ngBind attribute tells Angular to replace the text content of the
specified HTML element with the value of a given expression, and to
update the text content when the value of that expression changes.

意思就是ngBind会告诉angular去将你写的表达式替换成一个特殊的html元素。

而这个特殊的html元素就是那个带class的span了，

双花括号{{}}和ngBind是一样的，实际上是一个directive

これは、ngBind が、作成した式を 特別な HTML 要素 で置き換えるよう angular に指示することを意味します。

そして、この 特別な HTML 要素 はクラスとのスパンです。 🎜 🎜二重中括弧 {{}} と ngBind は実際には同じ ディレクティブ ですが、適用範囲がわずかに異なるだけです。 🎜 🎜公式ドキュメントngBind🎜

Answer 2

AngularJs ng-bind によって出力される HTML 値は、決して 4 だけではありません。それ以外の場合、出力値の位置を制御するにはどうすればよいでしょうか?

Answer 3

aこの変数の値はどのように割り当てられますか?
通常 $scope.a=4;
{{a}} の出力結果は 4 です。

Answer 4

お誘いありがとうございます。 angular https://github.com/angular/angular.js/blob/master/src/ng/compile.js#L1... のソースコードで確認できます
実際、これはデータをこの「トップテキストノード」にバインドするために使用されます