angular.js - angularjs {{}}疑问

Question

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

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

而我期望的是

html4

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

Answer 1

공식 웹사이트에서 인용:

ngBind 속성은 Angular에게
지정된 HTML 요소의 텍스트 콘텐츠를 주어진 표현식의 값으로 대체하고
해당 표현식의 값이 변경되면 텍스트 내용을 업데이트하세요.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 요소로 바꾸도록 각도에 지시한다는 의미입니다.

그리고 이 특수 html 요소는 클래스가 포함된 범위입니다. 🎜 🎜이중 중괄호 {{}}와 ngBind는 실제로 지시문이지만 적용 범위가 약간 다릅니다. 🎜 🎜공식 문서 ngBind🎜

Answer 2

AngularJs ng-bind의 HTML 값 출력은 확실히 4가 아닙니다. 그렇지 않으면 출력 값의 위치를 ​​어떻게 제어합니까?

Answer 3

a이 변수의 값은 어떻게 할당되나요?
일반적으로 $scope.a=4;
{{a}}의 출력 결과는 4입니다.

Answer 4

초대해주셔서 감사합니다. 각도 https://github.com/angular/angular.js/blob/master/src/ng/compile.js#L1...
소스 코드에서 볼 수 있습니다. 실제로 이 "최상위 텍스트 노드"에 데이터를 바인딩하는 데 사용됩니다