Javascript 弄清楚调用了哪些AngularJS函数

假设我们有以下源代码：

var app=angular.module（“myShoppingList”，[]）；
app.controller（“myCtrl”，函数（$scope）{
$scope.products=[“牛奶”、“面包”、“奶酪”]；
});

{{x}

我想知道从一开始到底调用了哪些函数（来自angular.js代码）。有办法吗？换句话说，如果我没有HTML文件，我可以重现angular.js的效果吗

---

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

来自文档：

自动初始化 AngularJS在

DOMContentLoaded

事件时自动初始化，或者在

angular.js

脚本被评估时，如果当时

document.readyState

设置为“完成”。此时，AngularJS将查找指定应用程序根的

ngApp

指令。如果找到

ngApp

指令，则AngularJS将：

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

---

有关更多信息，请参阅。

“我已经使用了Chrome开发工具，但它没有解决我的问题。”您是否尝试过在

元素的第一行设置断点并使用调试器进行调试？这将让您全面了解正在发生的事情，尽管这可能会很耗时——像这样的大型库在执行时往往会经过几个抽象层。你想完成什么？为什么？该上下文可以帮助社区为您提供更适合您的用例的答案。请参阅。

<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>