angularjs 路由问题（ui-router）答案

【问题标题】：angularjs routing problems (ui-router)angularjs 路由问题（ui-router）
【发布时间】：2019-02-23 17:34:25
【问题描述】：

我是 angularjs 新手（3 天），项目很简单，（我删除了登录逻辑）。

将您发送到仪表板的登录页面。

仪表板包含 2 个视图：侧边栏和主视图。

我正在使用 ui-router，但视图和状态存在问题。

plunker link：

由于某种原因，连登录页面都无法使用了。它曾经工作并将我发送到带有空视图的仪表板（我的视图不是空的）

【问题讨论】：

在应用模块初始化中添加 'ui.router' 依赖。 "loginsrv.js: var app = angular.module('app.services', ['ui.router']);"
ui-router 已经在应用模块中。添加到服务器但没有任何改变@lzagkaretos

标签： javascript angularjs angular-ui-router

【解决方案1】：

我在这里发现了两个问题。

首先，您需要在 index.html 页面中添加对脚本的引用

<script src="app.js"></script>
<script src="login/login.js"></script>
<script src="main/dashboard/dash.js"></script>
<script src="main/dashboard/left/assets.js"></script>
<script src="main/main.js"></script>
<script src="services/loginsrv.js"></script>

其次，新 plunker 的预览版不适用于此修复..但旧版本可以..

这是一个工作示例

https://plnkr.co/edit/HQkPhKgN6CkAVE99JSk0?p=preview

【讨论】：

还有一件事。如果我的应用程序很大，有 +100 个 js 文件怎么办。有没有引用 index.html 中所有 js 文件的替代方法？我见过一些没有任何参考的项目。这不也是我的 app.js 的角色吗？我确实参考了那里的所有内容。
@AmineDa。您应该为您的应用程序使用捆绑器，它将所有文件压缩为一个。看看 webpack 或者 gulp