Javascript 为什么后面的HTML代码仍然显示角度代码而不是普通HTML？

我不熟悉Javascript世界，也不熟悉Angular.JS。我编写了一个简单的hello-world代码，其中我使用ng-controller分配一个带有“hello-world”的变量，并用HTML绑定该值

{{DisplayData}

我的控制器是

功能控制器（$scope）{ $scope.DisplayData=“你好世界”； }

当我运行代码时，它会像我预期的那样正确地显示“Hello World”。出于好奇，我检查了后面的代码，并希望在div中显示“helloworld”，但它显示了带有角度指令的HTML代码。
我阅读了《医生》杂志，希望了解它为什么这么做，但我不确定自己是否理解。

---

我的问题是：；我认为HTML是静态的，浏览器按原样呈现HTML。因此，如果我们需要创建任何动态的对象，我们在创建最终的DOM对象之前，通过java脚本评估这些值并用实际值替换它们。理解错误吗？

当您使用Javascript框架来操作页面时，这种情况会在加载DOM或HTML之后发生，因此您在视图源中看到的DOM仍然是来自服务器的。如果您使用Chrome和“Inspect元素”，您将看到Hello World中的最新html。

当您使用Javascript框架操作页面时，这会在加载DOM或html后发生，因此您在视图源中看到的DOM与来自服务器的DOM保持一致。如果您使用的是Chrome和“Inspect元素”，您将看到Hello World中的最新html。

当您使用JavaScript更改html页面时，实际上并不是在更改页面的代码，而是一种称为DOM的东西，它位于内存中，最初是通过读取后面的代码创建的。当您查看页面源代码或类似内容时，您看到的始终是浏览器从服务器获取的原始代码。大多数浏览器中都有以文本形式查看DOM的工具。例如，Chrome中的F12将显示开发工具。这将向您显示JavaScript操作的结果。

当您使用JavaScript更改HTML页面时，实际上并不是在更改页面的代码，而是一种称为DOM的东西，它位于内存中，最初是通过读取后面的代码创建的。当您查看页面源代码或类似内容时，您看到的始终是浏览器从服务器获取的原始代码。大多数浏览器中都有以文本形式查看DOM的工具。例如，Chrome中的F12将显示开发工具。这将向您显示JavaScript操作的结果

    <div ng-controller="Controller">{{DisplayData}}</div>