Question

我有一个简单的角度代码段

<div ng-app="myApp" ng-controller="myCtrl">

<input ng-model="name">

<h1>My name is {{name}}</h1>

</div>

<script>
var app = angular.module('myApp', []);

app.controller('myCtrl', function($scope) {
    $scope.name   = "John Doe";
    $scope.age    = "26";
    $scope.height = "5.9";
    $scope.gender = "M";

});
</script>

如您所见，我在myCtrl控制器中声明了4个变量

$scope.name   = "John Doe";
$scope.age    = "26";
$scope.height = "5.9";
$scope.gender = "M";

有没有办法以编程方式列出特定角度控制器的所有声明的$scope变量？

为什么我要尝试这样做？

有时，当您在角度控制器中深入了解1000行代码时，了解在特定时刻使用的可用变量将非常有用。首先，好处是，因此我们不会重新声明已经声明的内容，其次，我们不会无意中覆盖现有变量。仅仅由于这两个原因，这就是我试图列出所有可用$scope变量的原因，特别是我在该特定页面或Angular的特定控制器中声明的变量。

注意：我NOT希望列出所有JS范围变量，但只查找我在Angular中声明的那些

Answer 1

我确切地知道你需要什么，我广泛使用这个lib来向我展示像Chrome这样的对象。 Angular json formatter 它的美妙之处在于它可以通过Angular魔法立即更新。所以你随时都知道对象的当前状态！只需将此指令放在html中并为其分配$ scope。

列出所有声明的$ scope变量的angular

1 个答案: