这篇文章主要介绍了AngularJS ng-table插件设置排序的相关资料,需要的朋友可以参考下
基础概念
ng-table提供了一个表头来提供，基础的过滤信息：
（1）指定一列的过滤器，然后模板就会使用。
（2）ngTable支持number, text, select 和 select-multiple的值模板。
（3）可以有选择的为NgTableParams提供初始过滤值。
<div class="row"> <div class="col-md-6"> <h3>ngTable directive</h3><table class="table table-condensed table-bordered table-striped"> <tr> <td>{{row.name}}</td><td>{{row.age}}</td><td>{{row.money}}</td><td>{{row.country}}</td></tr></table></div><div class="col-md-6"> <h3>ngTableDynamic directive</h3><table class="table table-condensed table-bordered table-striped"> <tr> <td>{{row[col.field]}}</td></tr></table></div></div>
(function() { "use strict"; var app = angular.module("myApp", ["ngTable", "ngTableDemos"]); app.controller("demoController", demoController); demoController.$inject = ["NgTableParams", "ngTableSimpleMediumList", "ngTableDemoCountries"]; //注入NgTableParams（ngtablemodule）和ngTableSimpleMediumList、ngTableDemoCountries两个数据源 function demoController(NgTableParams, simpleList, countries) { this.countries = countries;//初始化selcet的数据源 this.tableParams = new NgTableParams({ // initial filter filter: { name: "T" } //初始过滤条件 }, { dataset: simpleList }); } app.controller("dynamicDemoController", dynamicDemoController); dynamicDemoController.$inject = ["NgTableParams", "ngTableSimpleMediumList", "ngTableDemoCountries"]; function dynamicDemoController(NgTableParams, simpleList, countries) { this.cols = [//自定义table条目，过滤条件、表头名字和数据源,filterData: countries。 { field: "name", title: "Name", filter: { name: "text" }, show: true }, { field: "age", title: "Age", filter: { age: "number" }, show: true }, { field: "money", title: "Money", show: true }, { field: "country", title: "Country", filter: { country: "select" }, filterData: countries, show: true } ]; this.tableParams = new NgTableParams({ // initial filter filter: { country: "Ecuador" } //初始化数据源 }, { dataset: simpleList }); } })(); (function() { "use strict"; angular.module("myApp").run(setRunPhaseDefaults); setRunPhaseDefaults.$inject = ["ngTableDefaults"]; //通过config来设置表格数量 function setRunPhaseDefaults(ngTableDefaults) { ngTableDefaults.params.count = 5; ngTableDefaults.settings.counts = []; } })();
以上就是对AngularJS ng-tab来源gaodai$ma#com搞$$代**码网le插件 的资料整理，后续继续补充相关资料，谢谢大家对本站的支持！
以上就是AngularJS ng-table插件设置排序的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：AngularJS ng-table插件设置排序
转载请注明原文链接：AngularJS ng-table插件设置排序
