Angular 找不到名为';用户名';使用rxweb验证程序的@elementClass时
我正在使用@rxweb/反应式表单验证器的@elementClass decorator,我遇到了如下错误Angular 找不到名为';用户名';使用rxweb验证程序的@elementClass时,angular,validation,angular-reactive-forms,Angular,Validation,Angular Reactive Forms,我正在使用@rxweb/反应式表单验证器的@elementClass decorator,我遇到了如下错误 找不到名为“userName”的控件。 这是我的模型课 导出类用户{@elementClass({conditionalExpression: 函数(c){返回this.password== “complex”&&c.dirty==true?'ng invalid':“”;}) 用户名:string;@prop()密码:string;} 这是我的。我在这件事上遗漏了什么 您只需将@prop
找不到名为“userName”的控件。
这是我的模型课
导出类用户{@elementClass({conditionalExpression:
函数(c){返回this.password==“complex”&&c.dirty==true?'ng invalid':“”;}) 用户名:string;@prop()密码:string;}
这是我的。我在这件事上遗漏了什么 您只需将
@prop()
装饰器添加到您的用户名
表单控件中即可@elementClass decorator将有条件地将类设置为formControl
因此,user.model.ts
代码将是:
import { prop, elementClass } from "@rxweb/reactive-form-validators"
import { AbstractControl } from "@angular/forms"
export class User {
@prop()
@elementClass({
conditionalExpression: function (c) {
return this.password == "complex" && c.dirty == true ? 'ng-invalid' : '';
}
})
userName: string;
@prop()
password: string;
}
正在工作的stackblitz你能分享stackblitz的可编辑URL吗?stackblitz已经在问题中了,我想它处于不可编辑模式@PrashantPimpale更新了帖子中的链接。