Verwendung von mitMessageKey für benutzerdefinierte Validierungsnachrichten in Aurelia

Question

Ich habe eine Aurelia App und verwende das Aurelia-Validierungstool für die clientseitige Validierung. Ich möchte das validationMessages Wörterbuch verwenden, um eine Liste der benutzerdefinierten Validierung Nachrichten zu definieren, während meiner App verwenden withMessageKey mit etwa so:

import {validationMessages} from 'aurelia-validation'; 

validationMessages['customMessage1'] = `My first custom message`; 
validationMessages['customMessage2'] = `My second custom message`; 

Und dann, wenn ich die Validierungsregeln für die Klasse festgelegt:

import { ValidationRules } from "aurelia-validation"; 

export class SampleObject { 
    text1; 
    text2; 

    constructor() { 
     ValidationRules 
      .ensure(a => a.text1) 
       .required() 
        .then().satisfies(x => x.trim() === x) 
        .withMessageKey('customMessage1') 
      .ensure(a => a.text2) 
      .satisfies(x => x.length > 5) 
       .withMessageKey('customMessage2') 
      .on(this); 
    } 
}; 

Die Validierung funktioniert, aber die benutzerdefinierten Nachrichten werden nicht angezeigt, die Standardnachrichten nicht. Wenn ich zum Beispiel stattdessen withMessage('My first custom message') verwende, funktioniert es zwar, aber ich möchte alle meine benutzerdefinierten Nachrichten für die Verwendung in der gesamten App an einem Ort aufbewahren.

Was mache ich falsch?

Answer 1

Hier ist meine Lösung ist:

ich eine Klasse erstellt, die meine benutzerdefinierte Nachrichten im Konstruktor enthält:

import { validationMessages } from 'aurelia-validation'; 

export class CustomValidationMessages { 
    constructor() { 
     validationMessages['customMessage1'] = `My first custom message`; 
     validationMessages['customMessage2'] = `My second custom message`; 
    } 
} 

Dann

, ich spritze es in meinen app.js:

import { inject } from 'aurelia-framework'; 
import { CustomValidationMessages } from "resources/utils/validation-messages"; 

@inject(CustomValidationMessages) 
export class App { 
    constructor() { 
    } 
    configureRouter(config, router) { 
     ..... 
    } 
} 

Und Ich bin in der Lage, customMessage1 und customMessage2 überall in meiner App zu verwenden. Ich bin mir nicht sicher, ob dies der beste Weg ist, aber es funktioniert.