用于将2个对象绑定到1个事件的Angular 2语法
我想将2个简单的输入字段绑定到Angular中的1个click事件。一个框应为输入文本的正常输入框,另一个框将提供时间戳用于将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>
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()
asdate
来自component.ts和astext
输入的值。单击按钮后,两者都应在{{values}}中显示。不清楚您正在尝试执行的操作,是否可以添加任何示例,似乎您想要{{date.value+text.value}}是。这就是我想要的。当前日期和时间按date()
asdate
来自component.ts和astext
输入的值。单击按钮后,两者都应在{{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 = "";
}