angular 2 snytax用於將2個對象綁定到1個事件

我想將2個簡單的inputfields綁定到angular2中的1個點擊事件。一個盒子應該是輸入文本的正常輸入，另一個盒子將提供時間戳Date();。如何在按鈕上單擊事件顯示兩個值？angular 2 snytax用於將2個對象綁定到1個事件

// input #date offers the timestamp timestamp 

    <input #date type="text" placeholder="now"> 
    <input #text type="text"> 
    <p><b>{{now}}</b> {{values}}</p> 
    <button class="btn btn-primary" (click)="values=box.value | text.value">Log Data</button>

來源

2016-10-04 edamerau

不清楚是什麼你正在嘗試做的，你能添加任何例子，它似乎想要{{date.value + text.value }} –

是的。這就是我想要的。當前日期和時間由Date（）; ''作爲''日期'從component.ts和'文本'無論是輸入的值。在點擊該按鈕後，兩者都應顯示在

中。 – edamerau

我猜測，以你的意圖，但如果你想捕捉兩個輸入爲什麼不直接使用模型綁定（需要要導入的FormsModule）？

HTML：

<input #date type="text" placeholder="mm/dd/yyyy" [(ngModel)]="dateToLog"> 
<input #text [(ngModel)]="textToLog" type="text"> 
<div *ngIf="logValues"> 
<p *ngFor="let val of logValues"><b>{{val | json}}</b></p> 
</div> 
<button class="btn btn-primary" (click)="logValue()">Log Data</button>

打字稿：

logValues: any = []; 
dateToLog: string = ""; 
textToLog: string = ""; 

logValue(): void { 
    let d = new Date(Date.parse(this.dateToLog)); 

    let len = this.logValues.length; 

    let name1 = ("date_" + len); 
    let name2 = ("text_" + len); 

    let x = { }; 
    x[name1] = d; 
    x[name2] = this.textToLog; 
    this.logValues.push(x); 
    this.dateToLog = ""; 
    this.textToLog = ""; 
}

來源

2016-10-04 20:24:41 silentsod

angular 2 snytax用於將2個對象綁定到1個事件

回答

相關問題