未捕获的referenceError:未定义Angular

时间:2017-07-10 09:25:54

标签: angularjs

我看到图像中显示的错误。 Error displayed in the console.

这是我的App.js代码:

 var app = angular.module('PopupDemo',[]);
 app.controller('PopupDemoCont',function($scope) {
 });

这是我的HTML代码:

<html>

<head>
    <title>SignUp</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="signup.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="js/App.js"></script>
    <script src="js/angular.min.js"></script>
    <script src="js/ui-bootstrap-tpls-0.14.3.min.js"></script>
</head>

<body ng-app="PopupDemo">

    <div data-toggle="validator" class="container-fluid" ng-controller="PopupDemoCont">
        <h1><b>Sign Up</b></h1>
        </br>
        <form id="form" name="userForm" action="Registration.html">
</body>

</html>

任何人都可以解决这个问题吗?

2 个答案:

答案 0 :(得分:2)

您的推荐顺序应为

<script src="js/angular.min.js"></script>
<script src="js/App.js"></script>

答案 1 :(得分:1)

你的app.js应低于角度参考

<script src="js/angular.min.js"></script>
<script src="js/App.js"></script>