最近在学习使用angular的ng-table,参考官网的例子自己尝试实现,发现数据可以出来,但是filter不工作。求教各位大触。代码如下
HTML:
<!DOCTYPE html>
<html lang="zh-CN" ng-app="myApp">
<head><meta charset="UTF-8"> <script src="bower_components/angular/angular.js"></script> <script src="bower_components/angular-ui-router/release/angular-ui-router.js"></script> <script src="bower_components/jquery/dist/jquery.js"></script> <script src="bower_components/bootstrap/dist/js/bootstrap.js"></script> <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css"> <link rel="stylesheet" href="https://unpkg.com/ng-table@2.0.2/bundles/ng-table.min.css"> <script src="https://unpkg.com/ng-table@2.0.2/bundles/ng-table.min.js"></script> <script src="bower_components/ng-table-export/ng-table-export.js"></script> <script src="app.js"></script> <title>首页</title> </head> <body ng-controller="appCtrl as app1"> <div class="container"> <table class="table table-bordered table-striped" ng-table="test11.tableParams" show-filter="true"> <tr ng-repeat="app1 in data"> <td data-title="'名称'" filter="{ Name:'text'}" sortable="'Name'">{{app1.Name}}</td> <td data-title="'金钱'" filter="{Money:'number'}" sortable="'Money'">{{app1.Money}}</td> <td data-title="'年龄'" filter="{Age:'number'}" sortable="'Age'">{{app1.Age}}</td> </tr>
</div>
</body>
</html>
JS代码:
var myApp = angular.module(‘myApp’,['ui.router','ngTable']);
myApp.controller("appCtrl",["$scope","NgTableParams",function ($scope,NgTableParams) {
console.log("测试控制器");
$scope.data=[
{ Name:"111",Money:1,Age:18},
{ Name:"222",Money:2,Age:90},
{ Name:"333",Money:3,Age:27}
];
$scope.self = this;
$scope.self.tableParams = new NgTableParams({},{dataset:$scope.data});
}]);
请各位大神帮忙看看,第一次自己开segment,排版有点渣各位见谅。table的ending tag是有的。