HTML関数からMultipe Restパラメータを渡すTypeScript関数をAngular2で呼び出す

Question

私は、関数を呼び出すHTMLボタンのクリックから、未知数のパラメータでオブジェクトを構築しようとしているAngular2プロジェクトを持っています。下記に示すように、この関数は、パラメータの数は不明を受け入れるために、残りのパラメータを使用している：

この関数は以下のようにHTMLボタンクラスから呼び出された

addArguments(...args: any[]) { 
    for (var i = 0, arg; arg = args[i]; i++) { 
     console.log("add values args:", ...arg); 
    } 
} 

：

は

<button type="submit" class="btn" (click)="addArguments(6, 'Argument1', 'Argument2')"> 
    Add 
</button> 

問題があり、私はこのコードを実行し、コンソールの出力はadd values args: 6です。

「Argument1」と「Argument2」が追加されていない理由がわかりません。

Answer 1

forループを正しく構築していません。

は次のようになります。

addArguments(...args: any[]){ 
    for (var i = 0, i < args.length; i++) { 
     console.log("arg:", args[i]); 
    } 

    console.log("args:", args); // [6, "Argument1", "Argument2"] 
}