Angular 找不到名为';用户名';使用rxweb验证程序的@elementClass时

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

我正在使用@rxweb/反应式表单验证器的@elementClass decorator,我遇到了如下错误

找不到名为“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更新了帖子中的链接。