Angular 4: Aufrufen von Regex-Mustern aus einem Objekt

Question

Ich habe ein Problem, bei dem der Code funktioniert, aber ich bekomme einen Tslint-Fehler, den ich nicht herausfinden kann. Dieses Setup funktionierte bei der Verwendung von Angular 1, aber jetzt konvertiere ich die Anwendung mit eckigen Klammern auf 4.

Angular: Die Kennung 'vin' ist nicht definiert. Objekt enthält kein ein Mitglied.

Ich habe Regex Muster geteilt, die in einem Objekt gespeichert sind, das unten gezeigt wird. Es wird in meine Komponente importiert und dann mit [pattern]="patterns.KEY" aufgerufen.

Das Muster funktioniert genau so, wie es sollte und Validierung funktioniert, aber ich bekomme immer noch den obigen Fehler, wenn ich es an einen meiner Eingänge anschließe. Liegt es daran, dass mir Datentypen unter patterns fehlen? Wenn ja, wie wäre es definiert?

Der Fehler wird nur für die Vorlagendatei ausgelöst. Die Komponente und die Musterdatei haben keine Validierungsfehler.

Template Code:

<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> 

Komponentencode:

export class COMPONENT_NAME implements OnInit { 
    patterns = Patterns; 
} 

Patterns Datei:

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

Answer 1

Schaltet die answ aus Es war ziemlich einfach. patterns muß definiert werden, sondern der Wert benötigte innerhalb ngOnInit() eingestellt werden:

ich sah

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

Dies entfernt das Tslint Problem.