角度模块不工作?

时间:2016-02-10 15:14:59

标签: javascript angularjs

我有以下代码上下文。 但由于某种原因,它返回错误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;
}

1 个答案:

答案 0 :(得分:2)

两个问题:

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

应该只是

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

(嗯。实际上,经过一些实验,我发现这仍然有效,只要你正确地注入Angular ......虽然有点多余,我仍然建议将它们组合起来。)< / p>

更重要的是,在你的小提琴中,你注入了Angular&#34; onLoad&#34; - 如果您将其更改为&#34; nowrap in <head>&#34;它会起作用;见https://jsfiddle.net/rtrb8ngp/。实例化角度模块时,ng-app的DOM元素必须已经存在(否则您需要使用bootstrap方法来初始化它。)