如何使用angular2中的掩码在单击输入字段时自动填充

这是用户单击的范围：

<span data-content="15" #Fast15   (click)="enterFastTime(Fast15)" class="quick-time">15mins</span>

---

看起来您在

span

中有固定值，然后您可以在模板中执行类似操作

<span (click)="time.value = 'hh:mm:ss'">fast15</span>
<input #time>

fast15

看起来您在

span

中有固定值，然后您可以在模板中执行类似操作

<span (click)="time.value = 'hh:mm:ss'">fast15</span>
<input #time>

fast15

从您的帖子和评论中可以清楚地看到，这里有一个解决方案：

HTML:

---

从您的帖子和评论中可以清楚地看到，这里有一个解决方案：

HTML:

---

1.span s不能有ngModel。2.如果您希望双向绑定您的输入，[（ngModel）]=“startModel”，单向：[ngModel]=“startModel”@Vega my span没有ngModel，我在输入字段1中使用了ngModel。什么是（ngModel）=“enter15”？2.什么是[textMask]=“{mask:mask}”？3.你到底想说什么reproduce@Vega对不起，我的错，我忘了将其从span中删除，这不会改变主要问题1.span s不能有ngModel。2.如果您希望双向绑定您的输入，[（ngModel）]=“startModel”，单向：[ngModel]=“startModel”@Vega my span没有ngModel，我在输入字段1中使用了ngModel。什么是（ngModel）=“enter15”？2.什么是[textMask]=“{mask:mask}”？3.你到底想说什么reproduce@Vega对不起，我的错，我忘了从span中删除它，这并没有改变主要的问题我只发布了一段代码，也许这会混淆情况。当用户单击fast15时，我需要用当前日期填充输入，并用当前日期+15分钟填充其他输入，因此跨度中没有固定值，仅当用户单击跨度时，我需要在输入字段中生成当前日期。我只发布了一段代码，可能会混淆情况。当用户单击fast15时，我需要用当前日期填充输入，并用当前日期+15分钟填充其他输入，因此跨度中没有固定值，仅当用户单击跨度时，我需要在输入字段中生成当前日期

<span (click)="time.value = 'hh:mm:ss'">fast15</span>
<input #time>

Time now 
<input readonly [ngModel]="startModel" type="text" placeholder="time" >
<br>
Time in 15 min<input readonly [ngModel]="startModelPlus15" type="text" placeholder="time" >
<br>
<button (click)="enterFastTime()" class="quick-time">
  Update
</button>

  startModel;
  startModelPlus15;

  enterFastTime(value) {   
    let date = new Date();    
    this.startModel = date.toLocaleTimeString()

    date.setTime(date.getTime() + (15 * 60 * 1000));
    this.startModelPlus15 = date.toLocaleTimeString();
  }