angularjs - Angular UI Router - 何时使用抽象模式/嵌套/命名 View ？

Question

无法从文档中找出这一点:

我的用例:一个大型 SPA，页面上有多个“小部件”或“应用程序” - 每个都有一个 Controller 、数据和模板。最好每个都应该是一个 View 。目前，每个模板都加载了 ng-include ，这既烦人，又不分离兴趣，而且工作效果不佳，因为 View Controller 可能在主 ctrl 解析之前初始化 - 这就是我们切换的原因到 UI 路由器。大多数情况下，url 不是嵌套的 - 例如 /page url 可以包含 ListView 、用户 View 等。

我想将其移至 UI 路由器(在我已将现有路由移至 UI 路由器并检查一切正常工作之后)，并且我不确定组成的正确方法是什么小部件/ View 在一起。我是否应该使用一个抽象 View 来保存 /page 模板(并包含路由)并将每个小部件设置为该抽象内的 View ？或者如果没有摘要它会起作用吗？我应该使用命名还是嵌套(在某处看到命名 View 被视为代码味道，不知道为什么)。在选项之间进行选择的准则是什么？设置此选项的最佳实践是什么？我很乐意就此提供任何建议。

谢谢!

Answer 1

如果您想在某些子状态上“添加”url/状态，抽象状态很有用，我认为这不是您的最佳选择。使用点分隔状态，例如 page 和 page.subpage 。我想对你有用。一个好的做法是在模块配置的状态内设置 Controller 、模板和解析，这样您就可以将状态用作将模型链接到 View 的单段代码。查看 wiki 中 ui-router 的文档以获得更好的理解。