我有一张带有物品的桌子。单击一行时,详细的项目信息会在表格旁边的固定div中显示upp。
表格旁边的div连接到网址中的参数。因此,当我单击某个项目时,该URL会将该URL更改为/ project /:itemID
问题是当点击一行时,表格会“跳转”到另一个位置。滚动改变位置。我希望它能保持不变。
这是我的控制器更改网址:
$scope.goToProduct = function(id){
var path = $location.path();
var splitUrl = path.split('/');
var project = splitUrl[1];
console.log(project);
$location.path(project + '/' + id);
}
这是我的观点:
<input type="text" class="form-control" placeholder="Search">
<div class="table-responsive">
<table class="table table-hover">
<thead>
<tr>
<th>Code</th>
<th>Namn</th>
<th>Manufactor</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="product in products | filter:query" ng-click="goToProduct(product.pr_id)">
<td>{{product.pr_usercode}}</td>
<td>{{product.pr_title}}</td>
<td>{{product.pr_producer}}</td>
<td>{{product.pr_description}}</td>
</tr>
</tbody>
</table>
</div>
知道如何解决这个问题吗?
答案 0 :(得分:0)
解决。 Ui-router有一个方便的指令。只需添加autoscroll =“false”即可。文档:https://github.com/angular-ui/ui-router/wiki/Quick-Reference#wiki-autoscroll