小编BSi*_*son的帖子

如何为 FormGroup 触发 Angular 5 异步验证器 onblur

我采用了棱角分明的版本5.0.1,我试图触发一个AsyncValidatorFormGroup上的一个上一个模糊事件FormControlsFormGroup

我可以onBlur使用以下方法处理表单控件:

name: ['', {updateOn: 'blur'}]
Run Code Online (Sandbox Code Playgroud)

但是,当我尝试将其应用于 a 时,FormGroup它不起作用。

是否可以只AsyncValidator onBlur在 a 上触发FormGroup,如果不能,只有在用户完成输入数据时才执行验证器的最佳方法是什么?

目前我唯一的其他选择是为我的验证器提供某种去抖动包装器。

只是通读这里,看来我应该能够updateOn: 'blur'用于表单组。

在 new FormGroup(value, {updateOn: 'blur'})) 之后;new FormControl(value, {updateOn: 'blur', asyncValidators: [myValidator]})

javascript onblur angular5

6
推荐指数
2
解决办法
1万
查看次数

Angular 5反应形式 - 禁用无线电组中的一个无线电选项

我有一个广播组,每个选项使用相同的表单控件.是否可以仅禁用红色单选按钮?我知道您可以在颜色 表单控件上设置禁用标志,但这将禁用所有单选按钮.

<fieldset [formGroup]="colorForm">
    <legend>
      Choose color
    </legend>

<div class="radio">
  <label>
    <input type="radio" value="red" formControlName="color">
    Red
  </label>
</div>

<div class="radio">
  <label>
    <input type="radio" value="green" formControlName="color">
    Green
  </label>
</div>

<div class="radio">
  <label>
    <input type="radio" value="blue" formControlName="color">
    Blue
  </label>
</div>
Run Code Online (Sandbox Code Playgroud)

angular angular-reactive-forms

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

NX 错误 [ERR_REQUIRE_ESM] - 快速应用程序 - 无法导入 ESM 库

我最近创建了一个 nx 工作区并添加到 Express 应用程序中。正如您所期望的,这是开箱即用的。但是,一旦我添加对 ESM 库(例如 nanoid v4+)的依赖项,我就无法启动服务器,并且收到以下错误消息。

Error [ERR_REQUIRE_ESM]: require() of ES Module /workspace/node_modules/nanoid/index.js not supported

配置 NX 工作区和 Express 应用程序以便能够导入 ESM 库和本地工作区库并成功测试/构建/提供应用程序的正确方法是什么?

  • npx nx run my-express-api:test
  • npx nx run my-express-api:build
  • npx nx run my-express-api:serve

尝试1

这是开箱即用的尝试

错误:

Error [ERR_REQUIRE_ESM]: require() of ES Module /workspace/node_modules/nanoid/index.js not supported.

Instead change the require of index.js in null to a dynamic import() which is available in all CommonJS modules.
    at Module._load (/workspace/node_modules/@nx/js/src/executors/node/node-with-require-overrides.js:18:31)
    at Array.__webpack_modules__ (/workspace/dist/apps/my-express-api/main.js:26:18)
    at __webpack_require__ (/workspace/dist/apps/my-express-api/main.js:49:41)
    at /workspace/dist/apps/my-express-api/main.js:69:18
    at …
Run Code Online (Sandbox Code Playgroud)

nrwl-nx

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