我是AngularJS的新手，正在通过一些文档和教程来学习。我的问题是关于Egghead的视频系列，特别是这个视频，演示了如何组装一个基本的搜索过滤器。我想在一个真正的应用程序中使用这个功能，我正在为一个做蜡烛生意的朋友开发一个小应用程序，但是当我把它修改成她的蜡烛而不是复仇者联盟的时候（如演示的视频）我得到了这个错误：

• 未捕获的错误：[$injector：modulerr]无法示例化模块myApp，原因是：*
• 错误：[$injector：nomod]模块'myApp'不可用!您可能拼错了模块名称或忘记加载它。如果要注册模块，请确保指定... *

我将视频演示中的内容复制到一个jsfiddle中，发现它仍然会产生相同的错误。（作为参考，Egghead演示在这里：到目前为止，我已经在这个网站上阅读了至少六个类似的问题，并尝试了提供的每一个解决方案，但没有一个能消除这个错误，也没有一个能使复仇者搜索（在视频演示中运行良好）真正正常工作。
超文本：

<div ng-app="myApp">
    <div ng-controller="AvengersCtrl">
        <input type="text" ng-model="search.$" />
        <table>
            <tr ng-repeat="actor in avengers.cast | filter:search">
                <td>{{actor.name}}</td>
                <td>{{actor.character}}</td>
            </tr>
        </table>
    </div>
</div>

Javascript：

var myApp = angular.module('myApp', []);
myApp.factory('Avengers', function () {
    var Avengers = {};
    Avengers.cast = [
        {
        name: "Robert Downey Jr.",
        character: "Tony Stark / Iron Man"
        }, 
        {
        name: "Chris Evans",
        character: "Steve Rogers / Captain America"
        },
        {
        name: "Mark Buffalo",
        character: "Bruce Banner / The Hulk"
        }
    ];
    return Avengers;
})

function AvengersCtrl($scope, Avengers) {
    $scope.avengers = Avengers;
}

简单地说，有没有人能提供一个解决方案，将工作和摆脱这个错误，以及解释在简单的英语（不是phidodd.水平"Angular 模糊"）是什么原因（一言以蔽之）和需要做些什么来避免它？
编辑：很抱歉，上面提到的教程中的jsfidle链接不再有效。我已经删除了损坏的链接。提到的教程仍然可以查看。