Question

我有一个从Aurelia ESNext-Webpack Skeleton-Navigation项目开始的项目。我尝试添加Aurelia验证：npm install aurelia-validation。

安装后，我在代码中添加了以下内容：

main.js

aurelia.use
  .standardConfiguration()
  .plugin(PLATFORM.moduleName('aurelia-validation')
  .developmentLogging();

viewModel.js

import {NewInstance} from aurelia-framework;
import {ValidationRules, ValidationController} from 'aurelia-validation'

export class System{
   config = {}; //gets loaded in activate

   static inject = [NewInstance.of(ValidationController)]
   constructor(vc){
      this.validationController = vc;

      ValidationRules
        .ensure(o => o.name).displayName("Organization Name").required()
        .on(this.config);
   }
}

view.html

<div class="form-group">
   <label for="orgName" class="form-control-sm">Organization Name</label>
   <input id="orgName" type="text" class="form-control form-control-sm" value.bind="config.name & validate" />
</div>

但是，渲染视图时，出现以下错误：

'config.name&validate' is not compatible with the validate binding-behavior.

我看到this post与这个错误有关。但是，它引用了GitHub上有关版本控制的问题。看来他们都在1.1.3版中遇到问题，而与我的项目一起安装的npm版本是1.1.2。

我是否需要做一些事情来进行aurelia骨架导航的esnext-webpack版本的aurelia验证？

Answer 1

找到答案here。显然，我需要显式安装aurelia-binding：npm install aurelia-binding@^1.7.1

是否可以将aurelia验证与aurelia骨架导航（esnext-webpack）一起使用

1 个答案: