gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-02 14:31:14 28 4
gpt4 key购买 nike

尝试创建一个像这样的简单的 Angular 应用程序:

HTML

<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>

Javascript

var myApp = angular.module('myApp', []);
myApp.controller('appCtrl', function($scope) {
$scope.var = {
test: true
}
})

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

Uncaught Error: [$injector:modulerr] Failed to instantiate module myApp due to: Error: [$injector:nomod] Module 'myApp' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.

这是fiddle .

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

最佳答案

我还可以通过将正文中的加载类型更改为 no-wrap 来使您的代码按原样工作:

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

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

关于javascript - 即使使用空数组声明模块,Angular nomod 也会出错,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37807889/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com