如何从chrome控制台检查和更改角度对象

Question

我正在看一个有角度的网页，我看到一个名为vm的对象。我希望能够用ip检查它，但我得到：

@user.ip

我该如何检查？

Answer 1

你做不到。不是直接来自控制台，因为这是仅与其自己的隔离范围/闭包相关的代码。您可以访问的唯一全局对象是angular。如果您想检查它，您必须直接从源代码中执行此操作，方法是在所需的控制器中添加console.log($scope);。顺便说一下，vm代表View Model，它可能只是一个较长控制器名称的通用别名。

修改（2018年）：

打开开发人员工具窗口，选择所需的元素（Cmd + Shift + C），然后在控制台中运行

let scope = angular.element($0).scope()

这将允许您访问已分配给元素范围的任何公共属性。 请注意，这可能只适用于localhost，也可能不适用于生产。

Answer 2

如果在Chrome调试器中设置断点，以便在控制器中断点，则可以操作$ scope属性。如果您在控制器代码未执行时打开Chrome开发工具，则无法执行此操作。