如何在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對象