Я новичок в AngularJS и работаю над некоторыми документами и учебными пособиями, чтобы учиться. Мой вопрос относится к серии видео Egghead, в частности к этому видео, демонстрирующему, как собрать базовый поисковый фильтр. Я хотел использовать это в реальном приложении, которое я создаю для друга с небольшим бизнесом по изготовлению свечей, но когда я изменил его, чтобы это были ее свечи, а не актерский состав Мстителей (как показано в видео), я получил эту ошибку :
Необработанная ошибка: [$injector:modulerr] Не удалось создать экземпляр модуля myApp из-за:
Ошибка: модуль [$injector:nomod] 'myApp' недоступен! Вы либо неправильно написали имя модуля, либо забыли его загрузить. При регистрации модуля убедитесь, что вы указали...
Я скопировал отредактированную (всего 3 актера в массиве) версию ТОЧНО того, что есть в демо-видео, в jsfiddle и обнаружил, что она по-прежнему выдает ту же ошибку. (Для справки, демонстрация Egghead находится здесь: http://www.thinkster.io/angularjs/ET1iee6rnm/angularjs-ngfilter). Я прочитал по крайней мере полдюжины подобных вопросов на этом сайте до сих пор и пробовал каждое предлагаемое решение, но ни одно из них не избавляет от этой ошибки и не заставляет поиск Мстителей, который отлично работает в демо-видео, действительно работать. должным образом.
HTML:
<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;
}
Проще говоря, может ли кто-нибудь предложить решение, которое будет работать и избавиться от этой ошибки, а также объяснить на простом английском языке (не уровень Ph.D. Angular Obscurese), что вызывает ее (в двух словах) и что нужно сделать, чтобы избегай это?
Изменить: извините, но ссылка jsfiddle, указанная выше из учебника, больше не активна. Я удалил битую ссылку. Упомянутый учебник по-прежнему доступен для просмотра.