Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用angular时,页面的HTML源代码在哪里?_Javascript_Html_Angularjs - Fatal编程技术网

Javascript 使用angular时,页面的HTML源代码在哪里?

Javascript 使用angular时,页面的HTML源代码在哪里?,javascript,html,angularjs,Javascript,Html,Angularjs,我有一个下拉列表,想知道这个下拉列表的“值”是什么 <div> <select ng-model="lastItem" ng-options="cc.congressLongName for cc in ccList"></select> </div> 但是当我查看源代码时,我看到的页面都是 <div data-ng-view=""></div> 使用angular时如何查看源代码 编辑:从angula

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

 <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

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

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

下图显示了网络视图(从Google开发者网站引用)


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

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

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

下图显示了网络视图(从Google开发者网站引用)


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

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

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

下图显示了网络视图(从Google开发者网站引用)


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

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

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

下图显示了网络视图(从Google开发者网站引用)


如果你检查视图,你也应该看到值。

你可以在Firefox中看到生成的源代码,方法是通过
Ctrl
+
Shift
+
I
(对于整个页面)或右键单击并选择“inspect Element”(检查元素)将焦点放在特定元素上(如下拉菜单)

Chrome还有一个功能,允许您通过
Ctrl
+
Shift
+
I
查看源代码


Safari必须做到这一点。

您可以通过
Ctrl
+
Shift
+
I
(对于整个页面)或右键单击并选择“Inspect Element”(检查元素)在Firefox中查看生成的源代码,以将焦点放在特定元素上(如您的下拉列表)

Chrome还有一个功能,允许您通过
Ctrl
+
Shift
+
I
查看源代码


Safari必须做到这一点。

您可以通过
Ctrl
+
Shift
+
I
(对于整个页面)或右键单击并选择“Inspect Element”(检查元素)在Firefox中查看生成的源代码,以将焦点放在特定元素上(如您的下拉列表)

Chrome还有一个功能,允许您通过
Ctrl
+
Shift
+
I
查看源代码


Safari必须做到这一点。

您可以通过
Ctrl
+
Shift
+
I
(对于整个页面)或右键单击并选择“Inspect Element”(检查元素)在Firefox中查看生成的源代码,以将焦点放在特定元素上(如您的下拉列表)

Chrome还有一个功能,允许您通过
Ctrl
+
Shift
+
I
查看源代码


Safari必须做到这一点。

这些值可能来自任何地方。您必须阅读JavaScript才能找到where.developer工具$('body').html()通常,这些值位于原始html中。。但这似乎掩盖了。。所以我想知道的是,我如何才能看到这个原始HTML,它似乎不再使用angularjs显示了?或者可能我缺少一些使用angular?$('body')的基本概念。f10 IE tools中的html()正在向我显示缺少的信息。为什么不使用“查看HTML”?如果您要使用angular,您应该真正学会密切使用浏览器控制台/开发人员工具。可以在许多其他东西上看到实时html。这些值可能来自任何地方。您必须阅读JavaScript才能找到where.developer工具$('body').html()通常,这些值位于原始html中。。但这似乎掩盖了。。所以我想知道的是,我如何才能看到这个原始HTML,它似乎不再使用angularjs显示了?或者可能我缺少一些使用angular?$('body')的基本概念。f10 IE tools中的html()正在向我显示缺少的信息。为什么不使用“查看HTML”?如果您要使用angular,您应该真正学会密切使用浏览器控制台/开发人员工具。可以在许多其他东西上看到实时html。这些值可能来自任何地方。您必须阅读JavaScript才能找到where.developer工具$('body').html()通常这些值是原始值