Angular 4 : Calling Regex patterns from an Object

Question

我在代码运行时遇到问题，但我收到了一个我无法弄清楚的 Tslint 错误。此设置在使用 Angular 1 时有效，但现在我正在使用 angular-cli 将应用程序转换为 4。

Angular: Identifier 'vin' is not defined. Object does not contain such a member.

我已经共享了存储在如下所示对象中的正则表达式模式。它被导入到我的组件中，然后使用 [pattern]="patterns.KEY" 调用。

该模式正常工作，验证正常，但当我将它附加到我的任何输入时，我仍然收到上述错误。是因为我缺少 patterns 上的数据类型吗？如果是这样，它是如何定义的？

错误仅在模板文件上抛出。组件和模式文件没有任何验证错误。

模板代码:

<div class="form-group">
    <label for="vin">VIN</label>
    <input type="text" class="form-control" id="vin" placeholder="VIN"
           minlength="8" maxlength="17" required [pattern]="patterns.vin"
           [(ngModel)]="model.Vin" name="Vin" #Vin="ngModel">
  </div>

组件代码:

export class COMPONENT_NAME implements OnInit {
  patterns = Patterns;
}

模式文件:

export const Patterns: Object = {
  vin: /^[\w\d]+$/i,
};

Answer 1

原来答案很简单。 patterns 需要定义，但值需要在 ngOnInit() 中设置:

export class COMPONENT_NAME implements OnInit {
  patterns;
  ngOnInit() {
    this.patterns = Patterns;
  }
}

这消除了我看到的 Tslint 问题。