尝试创建一个简单的角度应用程序,如下所示:
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。
可能这是一个愚蠢的事情,但我无法弄清楚这个代码有什么问题,请帮帮我。谢谢!
答案 0 :(得分:1)
您的代码没有问题,但问题在于提琴手。什么实际上做角度应用程序名称已经在html标签中注入一些如何,当你在div中添加新的应用程序名称时,它会抛出错误。
检查一下:Working example
答案 1 :(得分:1)
我还可以通过将加载类型更改为正文中的无包装来使代码正常工作:
click on javascript tool option and select no wrap- in <body>