Angularjs 维护选项卡之间状态的角度ui路由器
想知道在选项卡之间保留状态的最佳方法。我使用引导选项卡和角度ui路由器。我在其中一个选项卡中有一个谷歌地图,当用户选择该选项卡时,我不想重新加载地图。请告知Angularjs 维护选项卡之间状态的角度ui路由器,angularjs,twitter-bootstrap,angular-ui-router,Angularjs,Twitter Bootstrap,Angular Ui Router,想知道在选项卡之间保留状态的最佳方法。我使用引导选项卡和角度ui路由器。我在其中一个选项卡中有一个谷歌地图,当用户选择该选项卡时,我不想重新加载地图。请告知 谢谢我想你要找的东西在本期讨论: 他们主要讨论iFrame,但我认为谷歌地图也是如此。不幸的是,在线程中,他们认为这不应该在核心版本中实现。我还没有尝试过他们提供的指令(如果我有机会,我会让你知道它是如何进行的),但你可能会得到一些与之相关的东西 我确实遇到了你遇到的问题。我的解决方案是使用样式化按钮作为我的选项卡,并为地图选项卡显示ng:
谢谢我想你要找的东西在本期讨论: 他们主要讨论iFrame,但我认为谷歌地图也是如此。不幸的是,在线程中,他们认为这不应该在核心版本中实现。我还没有尝试过他们提供的指令(如果我有机会,我会让你知道它是如何进行的),但你可能会得到一些与之相关的东西 我确实遇到了你遇到的问题。我的解决方案是使用样式化按钮作为我的选项卡,并为地图选项卡显示ng:
<div id="info-btns">
<button class="btn" ng-model="view" btn-radio="'info'">
Info
</button>
<button class="btn" ng-model="view" btn-radio="'map'" ng-click="loadMap()">
Map
</button>
</div>
<div class="content" ng-show="view != map">
<div ui-view="info"></div>
</div>
<div id="map-container" ng-show="view == 'map'">
<div id="map" class="content" sitemap>
</div>
</div>
信息
地图
ng show仅使用display:none隐藏地图,因此不会导致刷新。您需要在贴图第一次未隐藏时触发贴图加载,否则它将不正确渲染,因此loadMap()
如果我有机会,我会在实践中设置一个JSFIDE