小编use*_*288的帖子

嗨,我想得到一个倒计时器的例子,我发现在这里找到的堆栈搜索:时间CountDown角度2

这是我的代码:

import { Component, ElementRef, OnInit, OnDestroy } from '@angular/core';
import { Observable, Subscription, interval  } from 'rxjs';

@Component({
  selector: 'app-timer',
  templateUrl: './timer.component.html',
  styleUrls: ['./timer.component.css']
})
export class TimerComponent implements OnInit {
  private future: Date;
  private futureString: string;
  private diff: number;
  private $counter: Observable<number>;
  private subscription: Subscription;
  private message: string;

  constructor(elm: ElementRef) {
      this.futureString = elm.nativeElement.getAttribute('inputDate');
  }

  dhms(t) {
      let days, hours, minutes, seconds;
      days = Math.floor(t / 86400);
      t -= days * 86400;
      hours = Math.floor(t / …

我正在尝试将数据从对话框传递回用户打开对话框的组件。我的简单例子如下：

测试组件.ts

import { xDialogComponent } from './../x-dialog/x-dialog.component';
import { xFilter } from './x-filter';
import { xLevelResult, xmodelResult, xpayResult, xpayClassResult, xSpResult } from './../database.service';
import { Component, OnInit } from '@angular/core';
import { FormArray, FormControl, FormGroup, Validators } from '@angular/forms';
import { databaseService, xSigResult, xOutResult, CurxpayResult } from '../database.service';
import { HttpClient } from '@angular/common/http';
import { NgIf } from '@angular/common/src/directives/ng_if';
import { element } from 'protractor';
import { ActivatedRoute } from '@angular/router';
import { MakeGroup, xpayteamResult, xpayteamSPResult, NoticeResult } …

我目前正在使用 Angular/Congito/Amplify 供用户登录我的网站。该功能完美运行，但无论如何我都找不到编辑设计（颜色/按钮等）。

目前我的登录页面如下所示：

我的目标是删除“使用 AWS 登录”按钮并更改橙色文本和橙色登录背景按钮颜色的配色方案。

下面是我的 app.component.html

<app-header *ngIf="authState === 'signedin'"></app-header><br>

<amplify-authenticator *ngIf="authState !== 'signedin'"></amplify-authenticator>

<router-outlet *ngIf="authState === 'signedin'"></router-outlet>

<app-footer *ngIf="authState === 'signedin'"></app-footer>

这是我的 app.component.css （我可以在其中将身份验证居中。我在此处添加的颜色没有任何作用。

  amplify-authenticator {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    height: 100vh;
    --button-background-color: #00D5A1;
    background-color: #0000;

  }

我可以通过导航到以下位置找到主题：angular-master\node_modules@aws-amplify\ui\src\Theme.css

但这无济于事。任何建议将不胜感激。

我试图通过循环传递我想要调用的过程的名称，因为我需要连续调用 3 个类似的过程。

让我们打电话给他们：

1. 进程_A
2. 进程_B
3. 进程_C

它们每个都有 1 个输入变量和 2 个输出变量。

关于我可以改变什么来让它工作的任何想法？

FOR l_counter in 1..3
LOOP
    SELECT PROC_NAME into V_PROC FROM PROC_LIST WHERE PROC_ID = l_counter;

    EXECUTE IMMEDIATE 'PROC_DB.' || V_PROC || '(1,V_STEP_ERROR_CODE,V_STEP_MSG)';
    COMMIT;
END LOOP;

第 5 行当前失败。（立即执行）带有：“无效的 SQL 语句”

我正在尝试为选择设置基本表单验证。

在我的构造函数中我有以下内容FormGroup

this.formSubmission = new FormGroup(
  {
    triggers: new FormControl(['', [ Validators.required]])
  }
)

我在屏幕上有一个按钮来测试其有效性FormGroup，即使没有选择“触发器”，它也总是返回有效。

单击后，将执行以下代码：

console.log('FormGroup Status: ' + this.formSubmission.status)

这将返回 VALID。

其 HTML 部分可以在这里找到：

<div [formGroup]="formSubmission">
  <mat-form-field appearance="fill">
    <mat-label>Triggers</mat-label>
    <mat-select 
    formControlName="triggers" multiple
    >
      <mat-option *ngFor="let trigger of triggersList" [value]="trigger.TRIGGER_NAME">{{trigger.TRIGGER_NAME}}</mat-option>
    </mat-select>
  </mat-form-field>
</div>