gpt4 book ai didi

javascript - 为什么后面的 HTML 代码仍然显示 Angular 代码而不是纯 html?

转载 作者:行者123 更新时间:2023-11-28 13:44:07 24 4
gpt4 key购买 nike

我是 Javascript 世界和 Angular.JS 的新手。我编写了一个简单的 hello world 代码,其中使用 ng-controller 为变量分配“Hello World”,并在 HTML 中绑定(bind)该值。

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

我的 Controller 是

function Controller($scope) { $scope.DisplayData = "Hello World"; }

当我运行代码时,它按照我的预期正确显示“Hello World”。出于好奇,我检查了后面的代码,并期望在 div 中看到“Hello World”,但它显示了我的 HTML 代码,其中包含 Angular Directive(指令)。
我阅读了 http://docs.angularjs.org/guide/concepts#startup 中的文档期望知道它为什么这样做,但我不确定我是否理解。
这是我的问题;我认为 HTML 是静态的,浏览器按原样呈现 HTML。因此,如果我们需要创建任何动态内容,我们会在创建最终 DOM 对象之前通过 java 脚本评估这些值并用实际值替换它们。难道理解有误吗?

最佳答案

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

关于javascript - 为什么后面的 HTML 代码仍然显示 Angular 代码而不是纯 html?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15708437/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com