我想显示在输入字段中设置的从开始日期到结束日期的消息吗？

Question

我可以使用ngOnChange

<div>
  <label for="start">Start date:</label>
  <input type="time" name="starts" [(ngModel)]="starts">
  <label for="start">End date: </label>
  <input type="time" name="end" [(ngModel)]="ends">
  <button type="submit" (click)="">submit </button>
</div>

想在味精下面显示

<div> "some msgs" </div>

Answer 1

这实际上很简单。

基本上，带有<div *ngIf="starts && ends">{{ starts + '-' + ends }}</div>的代码行仅在模型starts和ends包含值（即它们不是null，undefined或空字符串）的情况下显示。因此，只有同时填写两个输入框，该消息才会显示。

您可以执行以下操作：

<div>
  <label for="start">Start date:</label>
  <input type="time" name="starts" [(ngModel)]="starts">
  <label for="start">End date: </label>
  <input type="time" name="end" [(ngModel)]="ends">
  <div *ngIf="starts && !ends">some msgs</div>
  <button type="submit" (click)="onSubmit()">submit </button>
</div>

这是一个简单的demo。