Javascript AngularJS:表排序的页面更新
我试图在一些HTML页面中间使用ANGLARJS添加排序表,但是当我点击表头来排序表页时,会被更新并查看移到页面的顶部,这当然是不可取的属性,那么如何修复这个? 下面是重现问题的代码:Javascript AngularJS:表排序的页面更新,javascript,html,angularjs,webpage,Javascript,Html,Angularjs,Webpage,我试图在一些HTML页面中间使用ANGLARJS添加排序表,但是当我点击表头来排序表页时,会被更新并查看移到页面的顶部,这当然是不可取的属性,那么如何修复这个? 下面是重现问题的代码: 一些文本 一些文本 一些文本 一些文本 一些文本 一些文本 一些文本 一些文本 一些文本 一些文本 一些文本 一些文本 一些文本 一些文本 一些文本 一些文本 一些文本 一些文本 一些文本 一些文本 一些文本 一些文本 一些文本 一些文本 一些文本 一些文本 一些文本 一些文本 一些文本 一些文本 一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
一些文本
{{emp.firstName}
{{emp.lastName}
{{emp.age}
var-app=angular.module('app',[]);
应用程序控制器('MainCtrl',函数($scope){
$scope.orderByField='firstName';
$scope.reverseSort=false;
$scope.data={
雇员:[{
名字:“约翰”,
姓氏:“Doe”,
年龄:30
},{
名字:“弗兰克”,
姓:“伯恩斯”,
年龄:54
},{
名字:“苏”,
姓氏:“开玩笑”,
年龄:21
}]
};
});
从锚定标记中删除哈希片段“href
:
<a href="" ng-click="orderByField='firstName'; reverseSort = !reverseSort">
最好的解决方案是完全删除href标记
看
<a href="" ng-click="orderByField='firstName'; reverseSort = !reverseSort">
<a ng-click="orderByField='firstName'; reverseSort = !reverseSort">