找出哪些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

从文档中：

  

自动初始化

     

如果DOMContentLoaded设置为“ complete”，AngularJS将在angular.js事件或评估document.readyState脚本时自动初始化。此时，AngularJS将寻找ngApp指令，该指令指定您的应用程序根目录。如果找到ngApp指令，则AngularJS将：

     

  
• 加载与指令关联的模块。
  
• 创建应用程序注入器
  
• 编译将ngApp指令视为编译根的DOM。这使您可以告诉它仅将DOM的一部分视为AngularJS应用程序。
  

     

有关更多信息，请参见AngularJS Developer Guide - Bootstrap - Automatic Initilization。