javascript - 获取 angularJS 渲染成 HTML 的对象

Question

有一个使用 angularJS 构建的网站，我很感兴趣地问：是否有可能获取 angularJS 将其值呈现到 HTML 中的对象。在这里，让我更具体一些。

这里有一个search有很多属性的大对象，其中一个projects是一个列表，并ng-repeat使用它来迭代它们并从那里呈现值。

我的问题是，是否有可能让该search对象看到它的全部内容（也许控制台记录它）？

我必须注意，我没有这个网站的源代码，我只是作为普通用户使用它。

Answer 1

最简单的方法可能是 Chrome 的角度检查器插件。安装后，检查元素。在“元素”选项卡的右侧，有样式框，您还应该看到扩展添加的“计算”和“angularJS 属性”选项卡。选择 AngularJs 属性。

向下滚动，直到您看到搜索对象。

在控制台中查看它的另一个选项：使用检查器选择项目，然后用于 angular.element($0).scope() 查看元素的范围。搜索对象应该在那里。

第三个选项，与上面类似，使用以下内容访问元素的 Scope： angular.element(document.getElementById('yourElementId')).scope() 当然，您可以使用任何方法来选择元素。