如何在单个项目中同时使用 AngularJs ui-view 和 ng-view答案

【问题标题】：How to use AngularJs ui-view and ng-view together in a single project如何在单个项目中同时使用 AngularJs ui-view 和 ng-view
【发布时间】：2017-12-11 09:01:20
【问题描述】：

我有一个项目，如果我点击任何链接，视图应该改变，但链接不应该改变，我可以通过状态改变使用角度 ui-route 来实现。此外，如果我在 url 中输入任何也应该工作的视图名称，这可以通过使用 view-route 来实现。

简单来说，如果我的网址是 abc.com/home，那么即使视图更改让我说我去联系，链接也不应该改变，那么链接也应该是 abc .com/home。但是如果我输入 abc.com/contact ，那么我应该被重定向到联系页面。

我无法实现这一点，因为我认为它有两种不同的路由机制。

请在这方面帮助我，了解我们如何实现这一目标。

提前致谢。

【问题讨论】：

我认为你只需要展示不同的内容。忘记 URL，只需在单击某些按钮后更改内容。您可以使用ng-switch 显示不同的页面，您的子页面将显示在ng-switch-when="home_main" 下。您可能应该尝试使用ng-include 在这些部分中加载您的部分
嗨@AlekseySolovey，感谢您的回答。 ng-switch-when 真的很有帮助。

标签： angularjs angular-ui-router

【解决方案1】：

UI-Router 官方文档告诉我们一件事：

问题：将 ng-view 与 ui-view 一起使用时出现问题

不要那样做。您可以使用诸如 ng-include 之类的东西来组装您的页面。

Source

【讨论】：

这不是一个真正有用的答案，请提供不需要提问者澄清的答案。