是否可以将 aurelia 验证与 aurelia 骨架导航 (esnext-webpack) 一起使用
Is it possible to use aurelia-validation with the aurelia skeleton-navigation (esnext-webpack)
我有一个从 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 验证与 aurelia 骨架导航的 esnext-webpack 版本一起工作吗?
找到答案here。显然,我需要显式安装 aurelia-binding:npm install aurelia-binding@^1.7.1
我有一个从 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 验证与 aurelia 骨架导航的 esnext-webpack 版本一起工作吗?
找到答案here。显然,我需要显式安装 aurelia-binding:npm install aurelia-binding@^1.7.1