javascript - 确定调用了哪些 AngularJS 函数

Question

假设我们有来自 w3schools 的以下代码:

<script>
var app = angular.module("myShoppingList", []); 
app.controller("myCtrl", function($scope) {
    $scope.products = ["Milk", "Bread", "Cheese"];
});
</script>

<div ng-app="myShoppingList" ng-controller="myCtrl">
    <ul>
        <li ng-repeat="x in products">{{x}}</li>
    </ul>
</div>

我想确切地知道从一开始就调用了哪些函数(来自 angular.js 代码)。有没有办法做到这一点？换句话说，如果我没有HTML文件，我可以重现angular.js的效果吗？

我已经使用了 Chrome 开发工具，但它没有解决我的问题。

Answer 1

来自文档:

Automatic Initialization

AngularJS initializes automatically upon DOMContentLoaded event or when the angular.js script is evaluated if at that time document.readyState is set to 'complete'. At this point AngularJS looks for the ngApp directive which designates your application root. If the ngApp directive is found then AngularJS will:

• load the module associated with the directive.
• create the application injector
• compile the DOM treating the ngApp directive as the root of the compilation. This allows you to tell it to treat only a portion of the DOM as an AngularJS application.

有关详细信息，请参阅AngularJS Developer Guide - Bootstrap - Automatic Initilization .