aurelia的配置-验证

Question

我正在尝试配置Aurelia验证(版本0.2.6)，以便将所有的验证消息附加到<input>元素而不是label。

我的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

我做错了什么？

Answer 1

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

Answer 2

看起来像这是最近才改变的。因此，从2015年12月10日起，这项工作如下：

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

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

顺便说一句，d.ts当前缺少战略定义，所以如果使用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))
        ...
}

Answer 3

对于aurelia验证版本1.0。它可用于创建自定义呈现程序。请参阅自定义呈现器部分的这里。