aurelia登錄頁面

Question

我是aurelia初學者，我正在嘗試使用登錄頁面準備一個簡單的應用程序。 但是，當我給予驗證，我無法爲登錄設置root。因爲構造函數不允許有兩個參數。如果有其他方法，請你幫助我嗎？在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) { 
     ... 
    } 
    ... 
}