Angular Js 工厂

Question

我有工厂的工作版本

function queryStaticDatabase (filterCondition, url, callback)
{ // should make server REST call in real scenario
    console.log(filterCondition);
    var recordsPerPage = filterCondition.recordsPerPage;
    var pageNumber = filterCondition.pageNumber;

    $http.get(url).success(function (data) {

                 console.log(data);
        callback({ // ajax callback in real scenario
            totalRecordsCount: totalRecordsCount,
            records: filteredData
        });

    });
}

return {
    query: queryStaticDatabase
}

我尝试通过以下方式更改代码

    var query =
       function (filterCondition, url, callback) { // should make server REST call in real scenario
           console.log(filterCondition);
           var recordsPerPage = filterCondition.recordsPerPage;
           var pageNumber = filterCondition.pageNumber;
           $http.get(url).success(function (data) {



               callback({ // ajax callback in real scenario
                   totalRecordsCount: totalRecordsCount,
                   records: filteredData
               });
           });

       };
    return (query);
});

虽然看起来语法正确。修改后的工厂不工作。我是 AngularJs 的新手，请帮我解决这个问题

Answer 1

如果你没有改变你在控制器中使用工厂的方式，那么返回对象结构是不同的。

在第一个版本中，您返回一个具有属性query 的对象，因此您可以使用myFactory.query()

第二个你只返回函数，所以它在控制器中是myFactory()

如果您希望控制器中的内容相同，则需要更改

return (query);

到

return{
   query : query
}

返回带有属性的对象允许您稍后将属性添加到工厂，而无需更改控制器中的任何内容，而现在更改控制器以仅查看功能不会使其在未来易于扩展