如何在AngularJS中调用此外部JS文件？

Question

我正在通过分解代码示例并以不同方式将它们组合在一起来学习AngularJS。 需要对the code in this plnkr进行哪些具体更改，以便可以从index.html视图调用外部脚本中的代码？

代码来自this tutorial，我想要做的更改只是将JavaScript代码移动到从视图内部调用的外部JavaScript文件。

Answer 1

首先，我将脚本标记更改为与您链接的示例相似。

其次，我在html标记中添加了ng-app="helloApp"属性，因此您定义的helloApp角度模块将在html元素上运行（而不是根本不运行）。

第三，最后，我将第42行的Calvin Hobbes更改为{{name}}，因此它将绑定到控制器中的$ scope.name var，而不是常规静态文本。

Here是一个有效的例子。