Angular Promise，为什么在这种情况下我会得到未定义的“那么”？

Question

我的 chartDirective 中有一个函数，它调用服务中的函数以获取数据，格式化该数据，然后从我的 chartDirective 调用另一个函数：

function chartTicker(ticker, disabled) {
    disabled = disabled || false;
    var defer = $q.defer();

    // Clear out previous chart:
    d3.selectAll("svg > *").remove();
    document.getElementById('chart').innerHTML = "";
    chart     = {},
    chartData = [];

    // Get and format data for chart:
    document.getElementById('chart').innerHTML = "<svg></svg>";
    var timeInHours = TimeSpanFactory.getTimeHours();

    var promise = FormatChartDataFactory.getData(ticker, timeInHours).then(function() {
        defer.resolve();
        return defer.promise;
    });
}

但是，我在以下行收到以下错误：

var promise = FormatChartDataFactory.getData(ticker, timeInHours).then(function() {

---

这是我的FormatChartDataFactory.getData 函数：

function getData(ticker, limit) {
    var defer = $q.defer();
    chartObj.chartData = [{}];
    var limit_range = '';

    if (limit > 0) {
        limit_range = '?limit=' + limit;
    }

    getTickerPrice(ticker, limit_range).then(function() {
        defer.resolve();
        return defer.promise;
    });

    // GET Ticker data and return chartObj into drawChart:
    ////////////////////////////////////////////////////////////////////
    function getTickerPrice(ticker, limit_range) {
        return ApiFactory.getTickerQuotes(ticker.ticker, limit_range)
            .success(function(data, status, headers, config) {
                if (data.status === 'Success') {
                // ....

这里是link to my full FormatChartDataFactory gist file。

Answer 1

Promise 应该直接从代码返回，而不应该从它的.then 回调返回。简而言之，您没有从函数返回 promise，您正在那里寻找 .then 方法，这会导致错误。

代码

//1st place
var promise = FormatChartDataFactory.getData(ticker, timeInHours).then(function() {
    defer.resolve();
});
return defer.promise;

//2nd place
getTickerPrice(ticker, limit_range).then(function() {
    defer.resolve();
});
return defer.promise;