angular ng-table的filter不工作。

最近在学习使用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是有的。

阅读 2.4k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题