2016-02-10 3 views
0

У меня следующий контекст кода. Но по какой-то причине возвращается, что myApp не определен, когда я определил его изначально и пытаюсь использовать его в нескольких ситуациях с переменной mod.Угловой модуль не работает?

Что я делаю неправильно?

https://jsfiddle.net/wL54j8g9/3/

angular.module('myApp', []); 

var mod = angular.module('myApp'); 

mod.directive('myList', myDirective); 
mod.directive('myObject', myObject); 

function myDirective(){ 
    var opt = { 
    restrict: 'E', 
    template: '<ul><li>This is One</li><li>This is Two</li></ul>' 
    }; 
    return opt; 
} 

function myObject(){ 
    var opt = { 
    restrict: 'A', 
    template: '<p>A Bouncing Before Park Me Bird Joe You\'re She Tell Toenails Mix Gox I Matter TV Battered You\'ll Vim Didn\'t Oh Snapped Silly</p>' 
    }; 
    return opt; 
} 

ответ

2

две проблемы:

angular.module('myApp', []); 
var mod = angular.module('myApp'); 

должны просто быть

var mod = angular.module('myApp', []); 

(Hm На самом деле, после некоторых экспериментов, я вижу, что это действительно все еще работает так. у вас было это, если вы правильно вводили Angular ... немного избыточно, но я все же предлагаю их комбинация.)

Более важно, что в вашей скрипке вы вводили угловую «onLoad» - если вы измените ее на «nowrap in <head>», она будет работать; см. https://jsfiddle.net/rtrb8ngp/. Элемент DOM с ng-app должен существовать, когда вы создаете экземпляр своего углового модуля (или вам нужно использовать методы bootstrap для его инициализации.)

+0

Спасибо! Забыли заказ на загрузку. Я на самом деле выполняю их документацию при этом: https://docs.angularjs.org/error/$injector/nomod?p0=myApp – gespinha

+0

Их документация, как представляется, предлагает тот же метод с одной строкой, который я сделал. (Второй вызов «без массива зависимостей» - это еще один способ получить уже созданный модуль, если переменная, из которой она была первоначально установлена, по какой-либо причине недоступна) –

+0

О, хорошо. Благодаря! – gespinha

Смежные вопросы