Angular在改变路由参数时重新加载页面
Angular reloading page when changing route param
我在做一个web应用这个web应用程序有很多页面,其中一个页面有标签。为了做路由,我使用了ng-view指令的父页,并在一个小的div,有一个ng-switch,并显示不同的选项卡取决于路由参数(与$scope中的var匹配),并显示内容在ng-include里面,我遇到的问题是,每次我改变选项卡,页面重新加载。视图是相同的,但标签是不同的,标签是工作的,但我有一个谷歌地图在这个页面,所以这是一个主要的性能问题,每次我改变标签网页得到重新加载。
这是我正在做的一个基本例子(我使用coffeescript和jade)
index.jade
body(ng-view)
page.jade
section.menu.pull-left
nav
ul
li(ng-class="{active: route.tab == 'order'}")
a(href="#page/order" target="_self")
i.fa.fa-cab
small order
li(ng-class="{active: route.tab == 'favorites'}")
a(href="#page/favorites" target="_self")
i.fa.fa-star
small favorites
和制表符
.display(ng-switch="route.tab")
.tab(ng-switch-when="order")
div(ng-include="'views/page/order.html'")
.tab(ng-switch-when="favorites")
div(ng-include="'views/page/favorites.html'")
路由文件
app.config ['$routeProvider', ($routeProvider) ->
$routeProvider
.when '/',
templateUrl : 'views/login.html'
controller : 'loginCtrl'
tab : ''
.when '/page/:tab',
templateUrl : 'views/page.html'
controller : 'pageCtrl'
]
页面。Jade必须是静态的,标签必须改变。我不知道它为什么这样做,控制器基本上是空的。我不知道该怎么办!请帮助
似乎你的href's
格式不正确
尝试改变:
href="#page/order"
href="#/page/order"
也可以从<a>
标签中删除目标
相关文章:
- 在新的浏览器选项卡上加载新的aspx页面后调用JavaScript函数
- 更改css链接并等待加载新的css
- 如何在Ajax加载新内容时停止JavaScript执行
- 当在ng视图中加载新路由时,Tabbing(tabindex)针对错误的元素
- 如何使用输入数据加载新的extjs图表
- JQuery Masonry.Ajax图标和“;加载新项目”;绳子放错地方了
- 通过javascript在同一个打开的选项卡中重新加载新的网页内容
- 当用户到达页面右侧时加载新内容
- 数据表 AJAX 筛选器重新加载数据
- 超链接单击以加载新页面并执行JavaScript
- 单击时加载新的 SVG
- 在RadWindow中加载新页面,然后从加载的窗体中关闭窗口
- ajax在页面刷新之前不会加载新的sql结果
- 谷歌地图API-在从ajax页面加载新数据之前清除标记、多段线
- 使用Ajax加载页面,并在必要时加载新脚本
- 加载新页面时的过渡效果,AJAX
- Ajax没有正确加载新页面
- 正在加载新的Javascript,但正在调用旧的Javascript.MVC
- 咕噜咕噜的手表:实时加载重新加载落后 1 步....
- 我怎么能有一个花哨的盒子一样的弹出体加载,但与cookie不连续加载重新加载