在角度切换标签时保持标签状态

时间:2014-07-10 14:59:41

标签: angularjs tabs state angular-ui-bootstrap

我有一个angular-ui-bootstrap的角度应用程序,它有动态标签(其中有不同的视图)。 看来,当您选择一个选项卡时,之前选择的选项卡内容会被丢弃并在我返回时重新加载。 我正在寻找一种方法来保存标签内容的状态。

我发现这个示例显示了我想要的内容,但因为它们在父视图模型中存储了选项卡的状态,而我的应用程序有动态标签,这不是一个可行的解决方案 http://odetocode.com/blogs/scott/archive/2013/08/14/dynamic-tabs-with-angularjs-and-ui-bootstrap.aspx

这里他们建议不使用标签,但只是显示/隐藏是一种方式: angular ui-router maintaining state between tabs

但这是唯一的方式/最佳方式吗?

1 个答案:

答案 0 :(得分:0)

不要使用它。制作自己的标签,并在DOM中加载其下的内容。一次只显示一个。您应该更改角度隐藏方式,因为它不应该像您期望的那样在chrome上工作。默认是显示:无或隐藏(不要重复)和铬可能从表中删除它。

你可以把你的div从屏幕或者某些东西中取出来,玩位置和不透明......