AngularJS模块不工作_Angularjs_Module

AngularJS模块不工作

angularjs module

AngularJS模块不工作,angularjs,module,Angularjs,Module,这是我的密码： index.html <!DOCTYPE html> <html lang="en" ng-app="groceryListApp"> <meta charset="utf-8"> <head> <meta http-equiv="X-UA-Compatible" content="IE-edge"> <meta name="viewport" content="width=device-width, initia

这是我的密码：

index.html

<!DOCTYPE html>
<html lang="en" ng-app="groceryListApp">
<meta charset="utf-8">
<head>
<meta http-equiv="X-UA-Compatible" content="IE-edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>Bootstrap 101 Template</title>

<link  href="css/bootstrap.min.css" rel="stylesheet">

<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.js"></script>
 <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>


</head>
<body ng-controller="HomeController">
<nav class="navbar navbar-inverse">
    <div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-brand" href="1">
                <span class="glyphicon glyphicon-apple" style="color: #5bdb46">
                </span>
                {{appTitle}}
            </a>
        </div>
    </div>
</nav>  

<div class="container" ng-controller="GroceryListItemsController">
    <div class="col-xs-12">
        <ul class="list-group">
            <li ng-repeat="items in groceryListItems | orderBy: 'date'" class="list-group-item-text-center clearfix">
                <span style="font-weight: bold">{{item.itemName | uppercase}}</span>
            </li>
        </ul>
    </div>
</div>

<script src="lib/jquery-3.2.1.min.js"></script>
<script type="lib/bootstrap.min.js"></script>
<script type="lib/angular.min.js"></script>
<script type="js/app.js"></script>
</body>
</html>

使用chrome打开html文件时，输出如下

{{item.itemName}大写}

控制器不在这里工作

我使用了boostrap版本v3.3.4 角度是最新的版本

请告诉我该怎么办

谢谢

脚本类型

应该是脚本src
，请更改

来自

<script type="lib/bootstrap.min.js"></script>
<script type="lib/angular.min.js"></script>
<script type="js/app.js"></script>

至

<script src="lib/bootstrap.min.js"></script>
<script src="lib/angular.min.js"></script>
<script src="js/app.js"></script>

在顶部而不是底部加载角度脚本您是直接在浏览器中打开html文件还是使用任何服务器？直接从浏览器是，{{appTitle}}被替换为杂货店列表，但是{{item.itemName}大写}因为消失了，所以这些物品不存在visible@Ashley发生这种情况是因为您在身体上应用了ng控制器，因此不需要进行第二次controllerNice观察@Sajeetharan对此不确定，但由于ng重复数据不正确，项目之前没有显示。它应该是“groceryItems中的项目”连同脚本src而不是脚本类型：P

<script src="lib/bootstrap.min.js"></script>
<script src="lib/angular.min.js"></script>
<script src="js/app.js"></script>