小编Mar*_*ine的帖子

在 Angular 8 中执行此操作的最佳方法是什么

我有两个输入，分别是 fromDateMin 和 fromDateMAx 的日期，我需要将这两个输入与 formControlName='fromctrlname' 和 formControlName='toctrlname' 进行比较并显示错误

状况：

如果 fromDateMin 不为空，则用户无法选择早于该日期的日期。如果这样做，日期将更改为该日期。在错误消息范围内显示消息。

如果 fromDateMax 不为空，则用户无法选择晚于该日期的日期。如果这样做，日期将更改为该日期。在错误消息范围内显示消息。

fromDate 必须早于或等于 toDate。toDate 必须晚于或等于 fromDate。在错误消息范围内显示消息。

这是我到目前为止所尝试过的

https://stackblitz.com/edit/angular-2gdadn?file=src%2Fapp%2Fapp.component.ts

这是我的html

    <form [formGroup]='dateFilterForm'>
      <label *ngIf="fromLabel != ''" for="{{componentId}}-fromDate">{{fromLabel}}</label>
      <input type="date" formControlName='fromctrlname' id="{{componentId}}-fromDate" name="{{componentId}}-fromDate"
        placeholder="{{fromPlaceholder}}" [(ngModel)]="fromDate" (ngModelChange)="errMsg = ''" [value]="fromDate">
    
      <label *ngIf="toLabel != ''" for="{{componentId}}-toDate">{{toLabel}}</label>
      <input type="date" formControlName='toctrlname' id="{{componentId}}-toDate" name="{{componentId}}-fromDate"
        placeholder="{{toPlaceholder}}" [(ngModel)]="toDate" (ngModelChange)="errMsg = ''" [value]="toDate">
    
      <button type="submit" (click)="submit()"
        class="btn button-border white icon-rightarrow-white medium mt2 ml2 mr1 mb2 r15 fw7"
        style="display:inline-block;">{{buttonLabel}}</button>
    
      <div class="error-message mb3 …

我正在尝试创建一个动态组件，它将采用 api url 和 IntervalPeriod 表示“x”分钟作为输入，并每隔 x 分钟获取作为输入传递的数据。

这是我尝试遵循所有 stackoverflow 答案的 stackblitz。

我需要在 0 秒时第一次显示数据，之后必须每隔 x 秒或每分钟获取数据。这看起来正确还是我在这里缺少什么？

https://stackblitz.com/edit/angular-wzvwmy?file=src%2Fapp%2Fdata-emitter%2Fdata-emitter.component.ts

import { Component, Input, OnInit, Output } from "@angular/core";
import { interval } from "rxjs";
import { flatMap, map } from "rxjs/operators";
import { Http } from "@angular/http";

@Component({
  selector: "app-data-emitter",
  templateUrl: "./data-emitter.component.html",
  styleUrls: ["./data-emitter.component.css"]
})
export class DataEmitterComponent implements OnInit {
  @Output() data: any;
  @Input() apiUrl: any;
  @Input() intervalPeriod: number;

  minutes: number;

  constructor(private http: Http) {}
  ngOnInit() {
    this.minutes = this.intervalPeriod …