奧雷利亞的登錄頁面

Question

我是aurelia初學者，我正在嘗試使用登錄頁面准備一個簡單的應用程序。 但是當我進行驗證時，我無法為登錄設置setRoot。 由於構造函數不允許使用兩個arguments.con，如果還有其他方法，請幫助我？ 在下面找到我的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) {
      ...
    }
    ...
 }