AngularJS中使用ngTable

一时失言乱红尘 2022-07-13 13:19 151阅读 0赞

> 在HTML中使用[ngTable][] 可以方便的进行排序，筛选，分页，添加，编辑删除等操作，不用再从数据库里面进行分页等操作

*  需要引用的文件  
    
    
     *  angular.js
     *  ng-table.js
     *  ng-table.css
     *  bootrasp.css

--------------------

*  注入依赖
 *  为ng-table 设置属性和数据

var app = angular.module('app', [ 'ngTable']);
    app.controller('controller', function($scope,NgTableParams) { 
        $http.get("/query")
            .success(function(data) { 
                $scope.userTable = new NgTableParams({
                            page : 1,
                            count : 5
                        }, {
                            total : data.length,
                            getData : data
                            }
                        }); 
                })
            });
    }

*  为 table 添加 ng-table 属性
 *  显示数据

<table ng-table="userTable" class="table table-hover"> <tbody> <tr> <th>编号</th> <th>用户名</th> </tr> <tr ng-repeat="user in $data"> <td>{ { user.id}}</td> <td>{ { user.name}}</td> </tr> </tbody> </table>

[ngTable]: http://ng-table.com/

发表评论取消回复

表情：

评论列表（有 0 条评论，151人围观）

还没有评论，来说两句吧...

相关阅读

相关使用AngularJS操作DOM(angular.element) angularJs中的jqLite

AngularJs是不直接操作DOM的，但是在平时的开发当中，我们有的时候还是需要操作一些DOM的，如果使用原生的JS的话操作过于麻烦，所以大家一般都是使用jQuery，jQu

妖狐艹你老母/ 2022年12月29日 09:38/ 0 赞/ 156 阅读

相关 angularjs学习之八（angularjs中isolate scope的使用）

angular js中指令directive有个特别有用的东西，那就是 isolate scope （被隔离的scope）关于具体他和全局的scope 有什么区别，可以参考

灰太狼/ 2022年08月02日 04:52/ 0 赞/ 206 阅读

相关 angularJs中的ng-repeat的使用

最近项目中要求做一个下拉的城市选择的功能，由于项目使用了AngularJs框架，所以自然而然的想到ng-repeat指令，免去了自己写循环的烦恼。所以总结一下ng-repeat

素颜马尾好姑娘i/ 2022年07月14日 00:57/ 0 赞/ 98 阅读

相关 AngularJS中使用ngTable

> 在HTML中使用[ngTable][] 可以方便的进行排序，筛选，分页，添加，编辑删除等操作，不用再从数据库里面进行分页等操作需要引用的文件

一时失言乱红尘/ 2022年07月13日 13:19/ 0 赞/ 152 阅读

相关 AngularJS中使用ngModal模态框

在AngularJS中使用模态框需要引用的文件： angular.js 1.5.5 ui.bootstrap-tpls

痛定思痛。/ 2022年07月13日 13:18/ 0 赞/ 196 阅读

相关深究AngularJS——AngularJS中的Controller(控制器)

先看个示例 <div ng-app="myApp" ng-controller="myCtrl"> <!-- 在该控制器内保存着如下两个Model里的数据 ng-

太过爱你忘了你带给我的痛/ 2022年07月12日 06:51/ 0 赞/ 283 阅读

相关 ngTable自定义/重写过滤器

> 在使用ngTable 时用到了需要进行按时间过滤，但是ngTable并没有该功能，所以需要自定义过滤器，但是如果自定义了过滤器，则会覆盖原来的，所以就需要重写过滤器

喜欢ヅ旅行/ 2022年07月11日 04:29/ 0 赞/ 176 阅读

相关【AngularJS】5.AngularJS 工具方法以及AngularJS中使用jQuery

1. Angularjs 工具方法，参考AngularJS API [https://docs.angularjs.org/api][https_docs.angularjs

叁歲伎倆/ 2022年06月18日 02:27/ 0 赞/ 266 阅读

相关 angularjs中使用百度统计

1）、config.js中添加 //PV跟踪，查看"最新访客"和"受访页面"等报告 var _hmt =_hmt||[];

分手后的思念是犯贱/ 2022年04月13日 08:40/ 0 赞/ 448 阅读

相关 AngularJS中ng-class使用方法

一个元素需要在不同的状态下呈现不同的样子，而在这所谓的的样子当然就是改变其css的属性，而实现动态的改变属性值，我们就需要实现动态的更换其class属性值。

朴灿烈づ我的快乐病毒、/ 2021年09月14日 06:58/ 0 赞/ 328 阅读