我想$scope在Chrome的JavaScript控制台中访问我的变量.我怎么做？
我既$scope不能myapp在控制台中看到我的模块名称也不能看到变量.
我能够访问$scope每个接受的答案变量这里.但是,我无法从控制台编辑它,即更改属性,调用函数等.这甚至可能吗？
这是我一直在试验的测试代码:
<!doctype html>
<html data-ng-app="Foo">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
<script type="text/javascript">
var app = angular.module("Foo", []);
app.controller("One", ["$scope", function($scope) {
$scope.text = "hello";
}]);
</script>
</head>
<body>
<div id="container" ng-controller="One">
{{ text }}
</div><!-- #container -->
</body>
</html>
如果我text使用控制台编辑属性,它会更改,但视图不会更改:
> angular.element($("#container")).scope().text
< "hello"
> angular.element($("#container")).scope().text = 'bye'
< "bye"
如何$scope从控制台更改值和属性,以便视图和所有依赖项也获得更新？