即使模块使用空数组声明,也会出现Angular nomod错误

时间:2016-06-14 09:21:16

标签: javascript angularjs

尝试创建一个简单的角度应用程序,如下所示:

HTML

F

的Javascript

<div ng-app="myApp">
  <div ng-controller="appCtrl">

    Test Variable :

    <input type="radio" class="radio-inline" name="test" ng-model="var.test" value=true> Yes

    <input type="radio" class="radio-inline" name="test" ng-model="var.test" value=false> No

    <hr>
    <p>{{var.test}}</p>
    <hr>
    <p>Yes: <span ng-if="var.test">$</span></p>
    <p>No: <span ng-if="!var.test">$</span></p>
  </div>

</div>

但我在页面加载时收到此错误:

  

未捕获错误:[$ injector:modulerr]无法实例化模块   myApp由于:错误:[$ injector:nomod]模块'myApp'不是   可以!您要么错误拼写了模块名称,要么忘记加载它。   如果注册模块,请确保将依赖项指定为   第二个论点。

这是fiddle

可能这是一个愚蠢的事情,但我无法弄清楚这个代码有什么问题,请帮帮我。谢谢!

2 个答案:

答案 0 :(得分:1)

您的代码没有问题,但问题在于提琴手。什么实际上做角度应用程序名称已经在html标签中注入一些如何,当你在div中添加新的应用程序名称时,它会抛出错误。

检查一下:Working example

答案 1 :(得分:1)

我还可以通过将加载类型更改为正文中的无包装来使代码正常工作:

click on javascript tool option and select no wrap- in <body>

https://jsfiddle.net/xgr70bba/3/