第一个 AngularJS + Angular UI 路由器答案

【问题标题】：First AngularJS + Angular UI Router第一个 AngularJS + Angular UI 路由器
【发布时间】：2016-12-08 13:15:42
【问题描述】：

大家好，你能帮帮我吗？我刚开始学习 angularjs。如何处理这些错误

app.js:6 > 未捕获的 ReferenceError：未定义角度
angular.min.js:6 > 未捕获的错误：[$injector:modulerr]http://errors.angularjs.org/1.2.20/$injector/modulerr?p0=ajs&p1=Error%3A%20…%2F%2FC%3A%2FUsers%2FABK3%2FDesktop %2Fajs%2Fjs%2Fangular.min.js%3A18%3A139)

提前谢谢大家

var app = angular.module('ajs', ['ui.router'])

<!DOCTYPE html>
<html ng-app="ajs">
<head>
    <meta charset="utf-8">
    <title>AJS</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>
<body>
    <h1 ui-view>Hi</h1>
</body>

<script src="app.js"></script>

<script src="js/angular.min.js"></script>
<script src="js/angular-ui-router.min.js"></script>
<script src="jquery/jquery.min.js"></script>

</html>

【问题讨论】：

标签： html angularjs angular-ui-router

【解决方案1】：

您必须将所有调用 angular BEFORE 您的 app.js 的脚本标签放在您的 app.js 中，因为您的 app.js 需要 angular。

因为这里你的文件加载 app.js 然后 angular

【讨论】：

【解决方案2】：

确保你的脚本是在 angular 之后加载的，这样它们才能真正做一些事情。加载顺序很重要，例如确保在任何事情之前加载 jQuery，几乎所有的库都要求它们之前加载。

<!-- Load vendors -->
<script src="jquery/jquery.min.js"></script>
<script src="js/angular.min.js"></script>
<script src="js/angular-ui-router.min.js"></script>

<!-- Load source code -->
<script src="app.js"></script>

【讨论】：