在ngTable中使用选择过滤器

Question

我在尝试使用选择值过滤列的ngTable example。 HTML代码（表部分）

<table ng-table="tableParams" class="table" show-filter="true"> 
    <tbody> 
    <tr ng-repeat="row in $data"> 
     <td data-title="'Name'" filter="{name: 'select'}" filter-data="names" sortable="'name'">{{ row.name }}</td> 
     <td data-title="'Age'" filter="{age: 'text'}" sortable="'age'">{{ row.age }}</td> 
    </tr> 
    </tbody> 
</table> 

Javascript代码

var app = angular.module('ngTableApp', ['ngTable']) 
     .controller('selectFilterController', function($scope, $filter, $q, NgTableParams) { 
     var data = [{name: "Moroni", age: 50}, 
        {name: "Tiancum", age: 43}, 
        {name: "Jacob", age: 27}, 
        {name: "Nephi", age: 29}, 
        {name: "Enos", age: 34}, 
        {name: "Tiancum", age: 43}, 
        {name: "Jacob", age: 27}, 
        {name: "Nephi", age: 29}, 
        {name: "Enos", age: 34}, 
        {name: "Tiancum", age: 43}, 
        {name: "Jacob", age: 27}, 
        {name: "Nephi", age: 29}, 
        {name: "Enos", age: 34}, 
        {name: "Tiancum", age: 43}, 
        {name: "Jacob", age: 27}, 
        {name: "Nephi", age: 29}, 
        {name: "Enos", age: 34} 
       ]; 
     $scope.names = ['Moroni', 'Enos', 'Nephi']; 
     $scope.tableParams = new NgTableParams({page: 1, count: 10}, {dataset: data}); 

     }) 

当我运行这段代码plunker，列 '名称' 的选择值是空白。

的example说

选择筛选器将通过调用列定义的fetchData功能获取其数据。

但是，有一个名为在该示例代码中没有fetchData功能。我很困惑，因为这里有什么问题？

Answer 1

从example我要指出的是滤波器数据属性在HTML（用于选择值）使用的NG-表的格式是以下形式的对象阵列。

$scope.names = [{id: "", title: ""}, {id: 'Moroni', title: 'Moroni'}, {id: 'Enos', title: 'Enos'}, {id: 'Nephi', title: 'Nephi'}]; 

更新plunker。

Answer 2

应该这样写：

$scope.names = [{"id": "", "title": ""}, {"id": "Moroni", "title": "Moroni"}];