angular.js - angularjs {{}}疑問

Question

在html的介面中 {{a}}為什麼輸出的是

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

而我期望的是

html4

是否有遇過的大神幫忙解惑～

Answer 1

引自官網：

The 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

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...
其實就是為了給這個"頂層文字節點"綁定資料用的