小编Ben*_*Ben的帖子

如何在 Angular 对话框材料中的点击转义键上实现优雅关闭的表单?

我有一个对话框表单,我想在用户按下转义键时优雅地关闭它。当用户按下转义键时,表单会立即关闭,但由于某种原因,对话框表单不会将结果发送到父表单。

通过取消按钮关闭时没有问题。

我已经在userform组件上使用“onKey”事件进行了尝试,但这也不起作用。

在我的打字稿和模板对话框文件中:

import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material';

constructor(
  private dialogRef: MatDialogRef<UpdateBonusConditieComponent>,
  @Inject(MAT_DIALOG_DATA) private PassedData: ConditieTypeDialog,
) {}  // I also tried it with a public PassedData instead of private

onCancel() {
  console.log('komt ie hier');
  this.PassedData.cancel = true;
}

onKey(event: any) { 
  this.onCancel();
  console.log('toets ingedrukt ' + event.target);
}

onOK() {
  console.log('OK button pressed');
}
Run Code Online (Sandbox Code Playgroud)
<mat-dialog-content [formGroup]="dialogConditieForm"
                    (keyup)="onKey($event)">

</mat-dialog-content>

<mat-dialog-actions>
  <button mat-button
          color="accent"
          (click)="onOK()"
          [mat-dialog-close]="PassedData"
          [disabled]="dialogConditieForm.invalid">Ok</button>
  <button mat-button
          color="warn"
          (click)="onCancel()"
          [mat-dialog-close]="PassedData">Cancel</button>
</mat-dialog-actions>
Run Code Online (Sandbox Code Playgroud)

然后我有我调用对话框的父表单,一些细节:

import { …
Run Code Online (Sandbox Code Playgroud)

dialog escaping angular-material angular

7
推荐指数
1
解决办法
4863
查看次数

MuleSoft Dataweave 减少

我尝试了解 Mulesoft Dataweave 2.0 中的归约函数。

预期结果:

{
  "dev": "1",
  "test": "2",
  "uat": "3",
  "prod": "4"
}
Run Code Online (Sandbox Code Playgroud)

我的数据编织代码:

%dw 2.0
var invar = [
  {"id": "1", "name": "dev"},
  {"id": "2", "name": "test"},
  {"id": "3", "name": "uat"},
  {"id": "4", "name": "prod"}
]
output application/json
---
// invar reduce() ???  requirment: it must be done with reduce function.

Run Code Online (Sandbox Code Playgroud)

谢谢

mule dataweave mule4

3
推荐指数
1
解决办法
849
查看次数

Linux bash 或 sed 命令增加版本号

我需要在脚本中添加一些东西来增加版本号:当我有 string 时1.0.2,我想要一个 bash 命令来让它1.0.3.

像这样的东西,但这不起作用:

CI_COMMIT_TAG=1.0.2
patch=$((CI_COMMIT_TAG + 1)); echo new path=${CI_COMMIT_TAG}
Run Code Online (Sandbox Code Playgroud)

给出这个错误:

CI_COMMIT_TAG=1.0.2
patch=$((CI_COMMIT_TAG + 1)); echo new path=${CI_COMMIT_TAG}
Run Code Online (Sandbox Code Playgroud)

可能是因为1.0.2是字符串而不是数字。

如何解决这个问题?

bash sed

1
推荐指数
1
解决办法
108
查看次数

FlexLayout Angular 并在开始和结束时在一行中对齐项目

我在 angular 7/8 中使用了 Angular flexlayout 库。我希望左侧有 4 个按钮(flex-start),并且希望右侧(flex-end)的两个复选框处于同一级别。如果可能的话,我想在 flexlayout Angular 库中进行。

我已经尝试了我在下面向您展示的代码。我还尝试制作 2 个 mat-card-action 组件,但它们彼此低于,而不是在一条线上。

<mat-card-actions fxLayoutGap="1em">

  <button mat-raised-button color="accent" (click)="newRows()">Add</button>
  <button [disabled]="selectedRow != undefined && selectedRow.isBevoorschotting" mat-raised-button color="accent"
    (click)="updateRows()">Update</button>
  <button mat-raised-button color="warn" (click)="deleteRows()" [disabled]='!isAdmin'>Delete</button>
  <button mat-raised-button color="accent" (click)="refresh(0)">Refresh</button>

  <mat-checkbox (change)="onclickMutatieVelden()" [(ngModel)]="toonMutatievelden">
    <p>Mutatie velden aan...</p>
  </mat-checkbox>
  <mat-checkbox (change)="onclickMaakInactief()" *ngIf="selectedRow" [(ngModel)]="!selectedRow.isActief">
    <p>Maak Inactief...</p>
  </mat-checkbox>
</mat-card-actions>

Anybody can help me out ?
Run Code Online (Sandbox Code Playgroud)

html css flexbox angular-material angular

0
推荐指数
1
解决办法
3016
查看次数

标签 统计

angular ×2

angular-material ×2

bash ×1

css ×1

dataweave ×1

dialog ×1

escaping ×1

flexbox ×1

html ×1

mule ×1

mule4 ×1

sed ×1