オブジェクトをオブジェクト配列にプッシュ - 入力スクリプト

Question

ここでいくつかのコードに問題があります。アプリケーションを構築するが、配列オブジェクトを操作する方法を抱えている。私はNgInitの上にコードを提供しました{}。そして、私はXcodeに入っているTSエラーを提供しました。これは、以下のコードで起こっている

全コンポーネント

import { Component, OnInit } from '@angular/core'; 
import { Ticker } from '../TickerType'; 
import { ConversionService } from '../Conversion.service'; 
import {Observable} from 'rxjs/Rx'; 
import {resultsType} from './resultsTypeInterface'; 
@Component({ 
    selector: 'app-contents', 
    templateUrl: './contents.component.html', 
    styleUrls: ['./contents.component.scss'] 
}) 
export class ContentsComponent implements OnInit{ 

//Will hold the data from the JSON file 


    // Variables for front end 
cryptoSelected : boolean = false; 
regSelected : boolean = false; 
step2AOptions : any[] = [ 
     {name: "make a selection..."}, 
     {name: "Bitcoin"}, 
     {name: "DASH"}, 
     {name: "Etherium"} 
    ]; // step2AOptions 
step2BOptions : any[] = [ 
     {name: "make a selection..."}, 
     {name: "CAD"}, 
     {name: "USD"} 
    ]; // step2BOptions 
step2Selection: string; 
holdings: number = 10; 

coins: any[] = ["BTC_ETH", "BTC_DASH"]; 
ticker: Ticker[]; 
coinResults: resultsType[] =[]; 
currencyExchange:any[] = []; 

    constructor(private conversionService: ConversionService) { 

    } 

エラー

Argument of type '{ name: string; amount: any; }[]' is not assignable to parameter of type 'resultsType'. 
    Property 'name' is missing in type '{ name: string; amount: any; }[]'. 

。私がしようとしているのは、このオブジェクトをObject Arrayにプッシュして、同様のプロパティにアクセスできるようにすることです。

console.log(coinsResults[0].name); 

コード

ngOnInit(){ 
    this.conversionService.getFullTicker().subscribe((res) => {this.ticker = res; 

    for(var j = 0; j<= this.coins.length-1; j++) 
    { 
    var currencyName: string = this.coins[j]; 
    if(this.ticker[currencyName]) 
    { 
     var temp = [{name: currencyName, amount: this.ticker[currencyName].last} ] 
     this.coinResults.push(temp) 
    } 
    }//end the for loop 
    }); //end the subscribe function              
this.conversionService.getFullCurrencyExchange().subscribe((res) => {this.currencyExchange = res["rates"] 
    }); 
    console.log(this.coinResults); 
}// End OnInit 

Answer 1

coinResultsはresultsTypeの配列として宣言されているので、それだけでresultsType型の引数を受け入れるだろうpush方法です。ただし、（角括弧に注意してください）配列coinResultsからresultsTypeのをプッシュしようとしている：var temp=...行のオブジェクトリテラルの周り

// temp is resultsType[] 
var temp = [{name: currencyName, amount: this.ticker[currencyName].last} ] 
// but coinResults.push() accept only resultsType 
this.coinResults.push(temp) 

ルース角括弧。

Answer 2

リセットパラメータpush(...items: T[])としてArray.pushシグネチャが定義されているため、Array.push(array)に配列を渡すことはできません。代わりにArray.push（item）を使用してください。

var temp = {name: currencyName, amount: this.ticker[currencyName].last}; 
this.coinResults.push(temp); 

OR使用してスプレッド演算子：** resultsType **コードと...

var temp = [{name: currencyName, amount: this.ticker[currencyName].last} ]; 
this.coinResults.push(...temp);