javascript - ngTable 如何以编程方式设置表数据单元格的过滤数据

Question

我正在使用 ngTable 并异步加载表，但其中一列正在使用选择过滤器，并且当调用它时，表数据尚未解析。最初我使用本地 JSON 对象测试 ngTable 并且这有效，但现在我不确定如何填充选择。是否可以以编程方式设置列的过滤数据来填充选择字段？

ng表格单元格

<td data-title="'Status'" 
    sortable="'status'" 
    filter="{ 'status': 'select' }"
    filter-data="getStatus()"  // hasn't resolved yet and select is empty
    ng-bind="doc.status"></td>

Controller 功能

$scope.getStatus = function() {

    var def = $q.defer();
    var arr = [];
    var status = [];

    // NOTE: RestService.getPackages() below isn't resolved and select is empty

    angular.forEach( RestService.getPackages(), function( item ) {

        // Check if status already exists
        if( arr.indexOf( item.status ) === -1 ) {

            // Store status for comparison to avoid duplicates
            arr.push( item.status );

            // Store status information for filtering
            status.push({
                'id': item.status,
                'title': item.status
            });
        }
    });

    def.resolve( status );

    return def;
};

Answer 1

我认为 promise 链中的问题是由于调用 RestService.getPackages() 造成的，您应该通过回调更明确地完成它，这里是我的小例子:

$scope.getData = function() {
    var def = $q.defer();
    var Names = [];

    //simulate  network delay
    $timeout(function(){

      Names.push({
         title: "Enos",
        id: "Enos"});
      Names.push({
         title: "Nephi",
        id: "Nephi"});

    }, 1000);

    def.resolve(Names);
    return def;
  };

在这里工作example .