aurelia-validation的配置答案

【问题标题】：Configuration of aurelia-validationaurelia-validation的配置
【发布时间】：2023-04-01 22:16:01
【问题描述】：

我正在尝试配置 Aurelia 验证（0.2.6 版）以获取附加到 <input> 元素而不是标签的所有验证消息。

我的 main.js 看起来像这样：

export function configure(aurelia) {
aurelia.use
  .standardConfiguration()
  .developmentLogging()
  .plugin('aurelia-validation', (config) => { config.useLocale('de-DE').useViewStrategy(ValidateCustomAttributeViewStrategy.TWBootstrapAppendToInput); });

aurelia.start().then(a => a.setRoot('app', document.body));
}

我总是收到以下错误消息：

未处理的承诺拒绝 ReferenceError: ValidateCustomAttributeViewStrategy 未定义

我做错了什么？

【问题讨论】：

标签： aurelia

【解决方案1】：

适用于 aurelia 验证版本 1.0。它适用于创建自定义渲染器。在自定义渲染器部分查看here。

【讨论】：

【解决方案2】：

看起来像this just recently changed。因此，截至 2015 年 10 月 12 日，这有效：

import { TWBootstrapViewStrategy } from 'aurelia-validation';
...

export function configure(aurelia) {
    aurelia.use
        .plugin('aurelia-validation', (config) => config
           .useViewStrategy(TWBootstrapViewStrategy.AppendToInput))
        ...
}

顺便说一句，d.ts 目前缺少definitions for the strategies，因此如果您使用 TypeScript，则必须将策略转换为 any：

import { ValidationConfig, TWBootstrapViewStrategy } from 'aurelia-validation';
...

export function configure(aurelia: Aurelia) {
    aurelia.use
        .plugin('aurelia-validation', (config: ValidationConfig) => config
            .useViewStrategy((<any>TWBootstrapViewStrategy).AppendToInput))
        ...
}

【讨论】：

【解决方案3】：

添加 import {ValidateCustomAttributeViewStrategy} from 'aurelia-validation'; 到文件的顶部

【讨论】：

谢谢，这行得通！我想这会很简单，但我没有想出来。