異步數組沒有使用任何異步？

Question

這讓我瘋狂。我有一個非常簡單的「問題」，花了我幾個小時，仍然不知道發生了什麼。

我有一個從父服務繼承的子服務（我正在使用ES6）。構造函數接受一個名爲options的參數。 options將被分配到this._defaults。

現在在我將options傳入我的對象（new Service(options)）之前，我用一些數據填充了options。爲了保持它的簡單，我現在options物體看起來是這樣的：

const options = { 
    types: [] 
} 

現在我添加一些東西到類型數組，像這樣：

const Types = { 
    standard: { 
    some: 'data' 
    }, 
    freeroll: { 
    some: 'data' 
    }, 
    mainevent: { 
    some: 'data' 
    }, 
    qualifier: { 
    some: 'data' 
    } 
}; 

angular.forEach(Types, (val, key) => { 
    options.types[key] = true; 
}); 

我給你我的服務，這樣的範圍：

$scope.service = new Service(options) 

並使用控制檯輸出服務。控制檯現在說_defaults.types的值是Array(0)。當我點擊數組時，會顯示正確的值，但範圍不知道。

那是怎麼回事？ Array(0)是不是意味着在console.log（）時，該數組中沒有填充任何值，但後來呢？像異步函數會做什麼？

Here is a plunk of my problem。

Answer 1

問題是types是一個數組，你把它當作普通的對象來對待。你可以通過兩種方式解決這個問題。

首先只是改變types到對象：

const options = { 
    types: {} 
}; 

或者，如果你需要一個數組，改變你如何將項目添加到數組：

angular.forEach(Types, (val, key) => { 
    options.types.push({ 
     type: key, 
     value: val 
    }); 
}); 

請注意，這只是一種將對象轉換爲數組的方式，您最終得到的數據結構取決於您。