Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/redis/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
用于将2个对象绑定到1个事件的Angular 2语法_Angular_Angular Template - Fatal编程技术网

用于将2个对象绑定到1个事件的Angular 2语法

用于将2个对象绑定到1个事件的Angular 2语法,angular,angular-template,Angular,Angular Template,我想将2个简单的输入字段绑定到Angular中的1个click事件。一个框应为输入文本的正常输入框,另一个框将提供时间戳Date()。 如何通过按钮上的单击事件显示这两个值 // input #date offers the timestamp timestamp <input #date type="text" placeholder="now"> <input #text type="text"> <p><b>{{now}}</b>

我想将2个简单的输入字段绑定到Angular中的1个click事件。一个框应为输入文本的正常输入框,另一个框将提供时间戳
Date()。
如何通过按钮上的单击事件显示这两个值

// 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>
//输入#日期提供时间戳
{{now}}{{values}}

日志数据
我不得不猜测您的意图,但是如果您试图捕获两个输入,为什么不使用直接模型绑定(需要导入FormsModule)

HTML:


我不得不猜测您的意图,但是如果您试图捕获两个输入,为什么不使用直接模型绑定(需要导入FormsModule)

HTML:


不清楚你想做什么,你能添加任何例子吗,似乎你想要{{date.value+text.value}}是的。这就是我想要的。当前日期和时间按
date()
as
date
来自component.ts和as
text
输入的值。单击按钮后,两者都应在{{values}}

中显示。不清楚您正在尝试执行的操作,是否可以添加任何示例,似乎您想要{{date.value+text.value}}是。这就是我想要的。当前日期和时间按
date()
as
date
来自component.ts和as
text
输入的值。单击按钮后,两者都应在{{values}}

中显示。
<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 = "";
}