javascript - aurelia 中的登录页面

Question

我是 aurelia 初学者，我正在尝试准备一个带有登录页面的简单应用程序。但是当我进行验证时，我无法为登录设置 setRoot。因为构造函数不允许两个参数。如果有任何其他方法，请帮助我？在下面找到我的 login.js 代码。

import {inject,Aurelia} from 'aurelia-framework';
import {Validation} from 'aurelia-validation';
import {ensure} from 'aurelia-validation';
@inject(Aurelia)
export class Login{
    static inject() { return [Validation]; }
    heading='Login to Aurelia'
    constructor(Aurelia,validation)
    {
        this.aurelia=Aurelia;
        this.email='raja';
        this.password='12345';
        this.validation = validation.on(this)
            .ensure('email')
                  .isNotEmpty()
                  .hasMinLength(3)
                  .hasMaxLength(10)
            .ensure('password')
                  .isNotEmpty()
                  .hasMinLength(3)
                  .hasMaxLength(10) ;
    }
    Submit()
    {
        this.validation.validate() 
     .then( () => {

         if(this.email=='raja'&&this.password=='12345')
        {
        this.aurelia.setRoot();
    }
else
{
            alert(`Invalid Credentials`);
} 
});
}
}

Answer 1

不要将 @inject 与 static inject... 混合使用。

改变这个:

import {inject,Aurelia} from 'aurelia-framework';
import {Validation} from 'aurelia-validation';
import {ensure} from 'aurelia-validation';
@inject(Aurelia)
export class Login{
    static inject() { return [Validation]; }
    heading='Login to Aurelia'
    constructor(Aurelia,validation)
    {
      ...
    }
    ...
 }

对此:

import {inject,Aurelia} from 'aurelia-framework';
import {Validation} from 'aurelia-validation';
import {ensure} from 'aurelia-validation';
@inject(Aurelia, Validation)
export class Login{
    heading='Login to Aurelia'
    constructor(aurelia, validation) {
      ...
    }
    ...
 }