gpt4 book ai didi

angularjs - 对如何使用 angular ui-router(如 gmail)实现基于标签的应用程序感到困惑

转载 作者:行者123 更新时间:2023-12-04 21:17:44 26 4
gpt4 key购买 nike

昨晚我在想如何将我们的 crud 应用程序移植到基于选项卡的应用程序,比如 gmail。首先,阅读了很多关于 ui-router 的内容,我想在创建一个 tabService 时会为每个状态更改创建一个新选项卡(听 $rootScope.stateChangeSuccess),新选项卡将包含相应的 View (ui-view="bancos") 将显示状态模板。

我的第一个测试和我的第一个问题,当显示项目列表时,单击其中一个项目(例如 itemId=4)应该打开一个新选项卡并在此选项卡中显示 id=4 的项目,在相应的 ( ui-view="bancos/4")。请注意我如何尝试将命名的 ui-view 与状态映射以在相应的 ui-view 中显示状态定义的模板。

我知道 ui-router 示例似乎在做我正在尝试的事情,但是他们在父状态模板中使用带有未命名的 ui-view 的嵌套状态。在我的例子中,父状态 ui-view 元素和他的子状态 ui-view 元素应该是兄弟元素。

考虑到 angular、树结构的性质,以及 ui-router 状态的性质,树结构也是如此,我可以使用 ui-router 来实现我的要求(具有基于选项卡设计的 crud 应用程序)。

问候
丹尼

最佳答案

这是我的例子,如果你有问题我可以回答

http://plnkr.co/edit/tqfPVFaesSe9Q6ZkPMzE?p=preview

简短说明:不要使用标签而不是创建虚假标签,效果很好并且可以节省大量工作。

最好的事物

关于angularjs - 对如何使用 angular ui-router(如 gmail)实现基于标签的应用程序感到困惑,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18780660/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com