使用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视图看输出的唯一方法似乎是使用开发人员工具; $（ '主体'）。HTML（）。我尝试了所有其他方法，但没有显示真正的HTML。

Answer 1

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

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

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

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

Answer 2

您可以通过Ctrl + Shift + I（针对整个页面）或右键单击并选择“Inspector来查看Firefox中生成的源代码检查元素“将焦点放在特定元素上（如下拉列表）。

Chrome也有DevTools，可让您通过Ctrl + Shift + I查看来源。

Safari有Web Inspector来完成此任务。