javascript - 使用 Angular 时页面的 HTML 源代码在哪里？

Question

我有一个下拉列表，想知道该下拉列表的“值”是什么

 <div>
    <select ng-model="lastItem" ng-options="cc.congressLongName for cc in ccList"></select>
</div>

但是因为当我查看源代码时，我看到的页面都是

<div data-ng-view=""></div>

使用 angular 时如何查看我的源代码？

编辑：从 angularJS 视图中查看输出的唯一方法似乎是使用开发人员工具；$('body').html()。我尝试了所有其他方法，但没有显示真正的 HTML。

score 3 · Accepted Answer

在 Chrome 开发人员工具中，您可以使用网络视图查看缓存页面（对于 Firefox 应该类似）。然后，您可以从那里查看输出。

当您打开开发工具时，您应该会看到“元素”、“资源”、“网络”等。单击“网络”，您应该会看到已加载的 HTML 页面。您可以通过选择底部栏中的 XHR 来过滤内容。输出很好地显示在“响应”选项卡中。

下图显示了网络视图（引用自 Google Developers 站点）

在此处输入图像描述

如果您检查视图，您还应该看到这些值。

score 0 · Accepted Answer

您可以通过++ （对于整个页面）调出Inspector或右键单击并选择“Inspect Element”以将焦点放在特定元素（例如您的下拉菜单）上，从而在 Firefox 中查看生成的源代码。CtrlShiftI

Chrome 也有DevTools，允许您通过Ctrl++查看源Shift代码I。

Safari 有Web Inspector来完成这项工作。

2 回答 2