Javascript 模块'；运动商店'；不可用_Javascript_Angularjs

Javascript 模块'；运动商店'；不可用

javascript angularjs

Javascript 模块'；运动商店'；不可用,javascript,angularjs,Javascript,Angularjs,我有两个文件： App.html <!DOCTYPE html> <html ng-app="SportsStore"> <head> <title>SportsStore</title> <script src="scripts/angular.js"></script> <link href="css/bootstrap.css" rel="stylesheet" />

我有两个文件：

App.html

<!DOCTYPE html>
<html ng-app="SportsStore">
<head>
    <title>SportsStore</title>
    <script src="scripts/angular.js"></script>
    <link href="css/bootstrap.css" rel="stylesheet" />
    <link href="css/bootstrap-theme.css" rel="stylesheet" />
    <script src="controllers/sportsStore.js"></script>
    <script>
        angular.module("sportsStore", []);
    </script>

</head>
<body ng-controller="sportsStoreCtrl">
    <div class="navbar navbar-inverse">
        <a class="navbar-brand" href="#">SPORTS STORE</a>
    </div>
    <div class="panel panel-default row">
        <div class="col-xs-3">
            Categories go here
        </div>
        <div class="col-xs-8">
            <div class="well" ng-repeat="item in data.products">
                <h3>
                    <strong>{{item.name}}</strong>
                    <span class="pull-right label label-primary">
                        {{item.price | currency}}
                    </span>
                </h3>
                <span class="lead">{{item.description}}</span>
            </div>
        </div>
    </div>
</body>
</html>

为什么我在Chrome中出现以下错误

未捕获错误：[$injector:nomod]模块“sportsStore”不可用！您要么拼错了模块名，要么忘记加载它。如果注册模块，请确保将依赖项指定为第二个参数

您正在初始化模块之前调用它

<script src="controllers/sportsStore.js"></script>
<script>
    angular.module("sportsStore", []);

</script>

和获取模块

angular.module("sportsStore");

像这样试试

<script>
    angular.module("sportsStore", []);

</script>
<script src="controllers/sportsStore.js"></script>

<html ng-app="sportsStore">

模块名称区分大小写。您正在使用模块名称

<html ng-app="SportsStore">

您正在初始化模块之前调用它

<script src="controllers/sportsStore.js"></script>
<script>
    angular.module("sportsStore", []);

</script>

和获取模块

angular.module("sportsStore");

像这样试试

<script>
    angular.module("sportsStore", []);

</script>
<script src="controllers/sportsStore.js"></script>

<html ng-app="sportsStore">

模块名称区分大小写。您正在使用模块名称

<html ng-app="SportsStore">

在html中，模块名为-sportstore

i.e ng-app="SportsStore"

app.js中的模块名称必须与我们在ng app中定义的值完全相似，这对于区分大小写是正确的。

angular.module("sportsStore") -- Wrong

应该是

angular.module("SportsStore",[]) -- Right

您必须传递一个空数组，模块才能运行
下面的链接是一个如何创建模块和启动应用程序的示例

在html中，您的模块名称是-SportsStore

i.e ng-app="SportsStore"
app.js中的模块名称必须与我们在ng app中定义的值完全相似，这对于区分大小写是正确的。

angular.module("sportsStore") -- Wrong

应该是

angular.module("SportsStore",[]) -- Right

您必须传递一个空数组，模块才能运行
下面的链接是一个如何创建模块和启动应用程序的示例