更改网址时表“跳转”,角度为js

时间:2014-02-09 13:24:58

标签: angularjs

我有一张带有物品的桌子。单击一行时,详细的项目信息会在表格旁边的固定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>

知道如何解决这个问题吗?

1 个答案:

答案 0 :(得分:0)

解决。 Ui-router有一个方便的指令。只需添加autoscroll =“false”即可。文档:https://github.com/angular-ui/ui-router/wiki/Quick-Reference#wiki-autoscroll