Why does {{a}} output
in the html interface?html
<span class="ng-binding ng-scope"> 4 </span>
And what I expected was
html
4
Have you ever encountered a master who can help you with your questions~
學(xué)習(xí)是最好的投資!
Quoted from the official website:
The
ngBind
attribute tells Angular to replace the text content of thespecified HTML element
with the value of a given expression, and to
update the text content when the value of that expression changes.
means just ngBind
會告訴angular去將你寫的表達(dá)式替換成一個特殊的html元素
.
And this 特殊的html元素
is the span with class,
Double curly brackets{{}}
和ngBind
是一樣的,實際上是一個directive
, there is only a slight difference in the scope of application
Official Document ngBind
The HTML value output by AngularJs ng-bind will definitely not be just 4. Otherwise, how to control the position of the output value?
aHow is the value of this variable assigned?
Generally $scope.a=4;
The output result of {{a}} is 4.
Thanks for the invitation. You can see it in the source code of angular https://github.com/angular/angular.js/blob/master/src/ng/compile.js#L1...
In fact, it is used to bind data to this "top text node"