Aurelia ValidationRules triggert nicht

Question

bin neu bei Aurelia Js und ich muss validieren Login-Formular (erforderlich und emial) -Eigenschaft. Hier habe ich Aurelia-Validierung Plugin verwendet. Mein Code unten, login.js

import {Router} from 'aurelia-router'; 
import { 
    ValidationRules 
} from 'aurelia-validation'; 

export class login{ 
    static inject() { return [Router]; } 
    attached(){ 
    } 
} 
ValidationRules 
    .ensure('login.emial').required() 
    .withMessage(`\${$displayName} cannot be blank.`); 
` 

ich weiß nicht, wie dies auslösen und Fehlermeldung an.

main.js

import $ from 'jquery'; 
export function configure(aurelia) { 
aurelia.use 
    .defaultBindingLanguage() 
    .defaultResources() 
    .developmentLogging() 
    .router() 
    .history() 
    .eventAggregator() 
    .plugin("aurelia-materialize-css") 
    .plugin('aurelia-validation') 
; 
aurelia.start().then(() => aurelia.setRoot()); 

} HTML

<input id="email" type="email" class="validate" value.bind="login.emial"> 

Answer 1

login.js

import {ValidationRules} from 'aurelia-validation'; 

export class Login{ 
    email = ''; 
} 

ValidationRules 
    .ensure('email').required(); 

login.html

<template> 
    <input value.bind="email & validate"> 
</template> 

• https://gist.run/?id=381fdb1a4b0865a4c25026187db865ce
• https://gist.run/?id=1d612b3ae341c7e9c12113e1771988e7

Answer 2

Aus der obigen Jeremy Danyow zu beantworten, müssen und sollten Sie wie unten Code Form-Gruppe Klasse auf der Eingabefelder zur Verfügung zu stellen. dann funktioniert nur die Validierung, sonst funktioniert es nicht.

<div class="form-group"> 
     <input value.bind="email & validate"> 
</div>