AngularJS 智能 table stSort "st-sort " 不工作
AngularJS smart table stSort "st-sort "not working
我正在从 $http 获取数据,所以它是异步的。
我对此进行了一些搜索,我发现了这个例子:
http://plnkr.co/edit/lzNtCDS5MhG8XHMArMDM?p=preview
因此,我使用控制器而不是指令制作了自己的 plunker。
http://plnkr.co/edit/9MODgeySg10rPeMOmKaI?p=preview
不知何故,st 排序不起作用。
你能帮我看看我做错了什么吗?
var app = angular.module('myApp', []);
app.controller('Ctrl', ['$scope', '$timeout', function($scope, $timeout){
$scope.name = "test";
$scope.rowCollection = [];
var initdata = [
{ name: 'Beta', cc: '42', sn: '3456' },
{ name: 'Gamma', cc: '43', sn: '4675' }
];
var data = [
{ name: 'Alpha', cc: '41', sn: '1234' },
{ name: 'Delta', cc: '49', sn: '2345' },
{ name: 'Beta', cc: '42', sn: '3456' },
{ name: 'Gamma', cc: '43', sn: '4675' }
];
$scope.isLoading = false;
$scope.rowCollection = initdata
$scope.displayCollection = [].concat($scope.rowCollection);
$scope.formatNumber = function formatNumber(row) {
return "+" + row.cc + "/" + row.sn;
};
$scope.isLoading = true;
$timeout(function () {
$scope.rowCollection = data;
$scope.isLoading = false;
}, 1000);
}]);
我不熟悉 smart-table,但您必须将模块定义为您的应用程序的依赖项。
var app = angular.module('myApp', ['smart-table']);
我正在从 $http 获取数据,所以它是异步的。 我对此进行了一些搜索,我发现了这个例子: http://plnkr.co/edit/lzNtCDS5MhG8XHMArMDM?p=preview
因此,我使用控制器而不是指令制作了自己的 plunker。 http://plnkr.co/edit/9MODgeySg10rPeMOmKaI?p=preview
不知何故,st 排序不起作用。
你能帮我看看我做错了什么吗?
var app = angular.module('myApp', []);
app.controller('Ctrl', ['$scope', '$timeout', function($scope, $timeout){
$scope.name = "test";
$scope.rowCollection = [];
var initdata = [
{ name: 'Beta', cc: '42', sn: '3456' },
{ name: 'Gamma', cc: '43', sn: '4675' }
];
var data = [
{ name: 'Alpha', cc: '41', sn: '1234' },
{ name: 'Delta', cc: '49', sn: '2345' },
{ name: 'Beta', cc: '42', sn: '3456' },
{ name: 'Gamma', cc: '43', sn: '4675' }
];
$scope.isLoading = false;
$scope.rowCollection = initdata
$scope.displayCollection = [].concat($scope.rowCollection);
$scope.formatNumber = function formatNumber(row) {
return "+" + row.cc + "/" + row.sn;
};
$scope.isLoading = true;
$timeout(function () {
$scope.rowCollection = data;
$scope.isLoading = false;
}, 1000);
}]);
我不熟悉 smart-table,但您必须将模块定义为您的应用程序的依赖项。
var app = angular.module('myApp', ['smart-table']);