问题标签 [angularjs-ng-route]

问题定义

我第一次使用 AngularJS 的 ngRoute 模块，但遇到了一些麻烦。我有一个 index.cshtml 页面，我在其中通过设置 ng-app 来引用我的 routingModule。我还有一个 ng-view，这样当我点击“New Account”时，它会在 ng-view 中加载 register.cshtml，或者如果我点击“Sign In”，它会在 ng-view 中加载 authenticate.cshtml。

路由按预期工作，因为当我单击索引页面上的链接时，我可以在 ng-view 中看到加载的注册和身份验证页面。但是我在 routingModule.js 中为注册和验证页面设置的控制器似乎不存在。

单击索引页面上的“新帐户”时出现此错误。当我点击索引页面上的“登录”时，我得到了同样的错误

我在下面添加了解决问题所需的所有 javascript 和 html 文件。任何帮助将非常感激。

网络根结构

路由模块.js

索引.cshtml

注册.cshtml

验证.cshtml

registerModule.js

注册控制器.js

注册服务.js

我有以下问题：

在 AngularJS 应用程序中，我用来$routeProvider将不同的部分加载到应用程序中

在我的 UserCtrl 中，我显示了可以操作的用户列表。我从 json 中读取了用户列表，如下所示：

在users.html我有控制器，它调用服务来加载数据

最后是服务：

我遇到的问题如下：每次加载users.html时，都会从 json 文件重新加载数据。我只想加载一次数据并将它们保存在我的控制器中。现在，当我对数据进行一些更改，切换到不同的视图并返回时，所有更改都丢失了。

任何帮助，将不胜感激。

谢谢，兹比尼克

我有一个向导表单，我希望用户能够通过简单地复制粘贴他当前的 URL 来链接他的进度。

所以我希望我的控制器将 URL 参数映射到它的视图模型。是否有一种简单的方法可以向/从 URL 公开/导入模型对象？（我使用的是 ngRoute，而不是 ui-router 顺便说一句）。

例如

变成这样：

"?step=1&title=My%20Form&personal_interests0=skiing&peronal_interests1=football .

我有一个主网站，它使用带有侧导航和 ng-route 的 index.html 来使用 ng-view 将内容加载到其中。这很好用。目前，我有一个 event.html 页面，它是一个完全不同的布局，需要基于单独的 ng-app 进行路由。目前，我的网址如下所示：

nameOfOrganization.com <-- 这是使用 index.html 并且可以执行 #/about 之类的操作，并根据该上下文加载页面。但是，如果我想访问 event.html，我目前必须这样做：nameOfOrganization.com/event.html#/

我的问题就在这里。我想要它，这样它就会加载这个完全不同的页面布局，执行类似 nameOfOrganization.com/event#/ 的操作，然后当我想导航到与该页面相关的区域时，我可以执行 nameOfOrganization.com/event#/about。但是，截至目前，我的路由如下所示：

现在，当我单击主 event.html 页面上的 href 时，我让它发送#instructors。但这会将 location.path 更改为 nameOfOrganization.com/#/instructors，它不在此路由系统中，或者在 index.html 上使用的那个，所以我最终被路由回 nameOfOrganization.com。

有没有一种方法可以与我现有的系统配合得很好，并且不需要太多的动荡？另外，作为参考，我这样做的原因是因为我正在使用我的学校服务器空间，他们不允许我做任何形式的后端路由，所以这就是我目前所坚持的.

我希望能够让用户转到www.myurl.com/#/login并被带到指定的视图。如果它们在特定视图上也是如此，如果它们刷新我希望它们再次被带到相同的视图。但是目前无论扩展名是什么，它总是会在启动时将您带到主页。我的代码中是否可能存在错误，或者角度路由的行为不是那样？

我是 angularJS 的新手。

我正在尝试使用ng-routeand制作一个小的角度应用程序ng-view。当用户单击登录按钮时，URL 将从 更改localhost:8000为localhost:8000/login。

现在，如果用户重新加载页面，则视图/login将在页面加载时加载。

这是我拥有的 HTML 文件ng-app和ng-controller.

现在，如果用户从开始localhost:8000并单击登录按钮，那么一切正常。但是，如果用户重新加载页面，单击登录按钮后，loginController则不会触发。视图未呈现。

我使用 Django 作为后端和角度来渲染视图。

任何形式的帮助将不胜感激。先谢谢了。

我在这里使用https://docs.angularjs.org/tutorial/step_07和https://docs.angularjs.org/tutorial/step_08中的示例进行演示。我们有以下路线：

当我们转到链接/phones/abcdefg时，没有 json 文件与查询匹配，并且出现一个空模板。在这种情况下，我们应该被重定向到“404 not found”页面。例如，在实际情况下，当我们去链接“/phones/:phoneId”但没有匹配的phoneId时，会返回如下所示的json。

ng-route 中基于 ajax 数据重定向到页面的传统方式或最佳方式是什么？

我收到一个错误消息，

当我使用以下配置和控制器时。我正在尝试解决特定路由上的 http 请求。

为什么我会得到这个？

我试图有两个不同的模板。一个是用于描述业务的已注销用户的登录页面，另一个是用于用户登录的仪表板页面。

我在其他堆栈上阅读了如何使用 UI-router 执行此操作。我想知道使用 ngRoute 做类似这样的事情的最佳实践？

下面的设置方式是，“/frontdesk”是仪表板，“/”是注销用户的登录页面。但！无论用户是在仪表板上还是已注销并发送到登录页面，我都希望 URL 相同！我不想要“/frontdesk”，我想要 IndexController 和 FrontdeskController 的“/”。

这是我的路由 JS。

解决方案！

谢谢大家的回答。

感谢@ThibaudL 提供更好的解决方案。

这就是我最终这样做的方式：

在 Routes.js 中

主.html

主控制器.js

所以现在如果用户通过了身份验证，它只是将模板切换到用户仪表板。我为每个模板添加了一个带有 ng-controller 的新 div，以便每个模板都有其单独的控制器。

我正在为 4 个页面使用 AngularJS 路由，例如 a、b、c 和 d，但在该页面中有很多链接，例如 e、f、g、h

我想要的是，如果我为页面编写路由条件，那么它应该进行路由，但是如果任何其他链接像 e 或 f 一样，那么它应该将它重定向到特定的链接，window.top.location = e因为否则它会显示空白页面并搜索模板

现在的问题是当前代码是我没有得到用户点击的网址，第二个问题是我希望它像window.top.location这样重定向，以便它正确刷新并且不显示空白页面