如何在AngularJS中进行console.log表达式？

Question

作为新的“ Angularian”，我有：

<div data-ng-app="" data-ng-init="">
    <input type="text" ng-model="hello">
    <p>{{hello}}</p>
</div>

但是我想知道，无论我在表达式（ng-model）中键入什么内容，如何都可以console.log？

（例如，如果在文本字段中输入“ Soylent Green is people”，我想在Chrome的“检查器”窗口中看到它）

Answer 1

您可以使用console.log($scope.hello); 在您的控制器内部。

我建议您看一下Batarang和ng-inspector之类的插件/扩展。 这是最新的，顾名思义，它使您可以检查应用程序的范围。

Answer 2

在输入标签中使用ng-change指令，例如

<input type="text" ng-model="hello" ng-change="textChange()" >

并在您的控制器中

$scope.textChange = function () {
          console.log($scope.hello);
  }

Answer 3

您有一个用于此应用程序的控制器，如果您不了解控制器，则可以阅读w3schools中的文档。可以在控制器内部执行console.log($scope.hello) 。默认情况下，您在HTML中定义的每个变量都在其中$ scope对象