首页 > 解决方案 > 是否可以将 aurelia-validation 与 aurelia 骨架导航(esnext-webpack)一起使用

问题描述

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

安装后,我在代码中添加了以下内容:

main.js

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

视图模型.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);
   }
}

视图.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.

我看到这篇文章与同样的错误有关。但是,它引用了 GitHub 上处理版本控制的问题。似乎他们都遇到了 1.1.3 版本的问题,而与我的项目一起安装的 npm 版本是 1.1.2。

我需要做些什么来让 aurelia-validation 与 aurelia 骨架导航的 esnext-webpack 版本一起工作吗?

标签: aurelia

解决方案


在这里找到了答案。显然,我需要显式安装 aurelia-binding:npm install aurelia-binding@^1.7.1


推荐阅读