注入的依赖项为空

Question

以下是我的两个课程。登录和活动。我想将登录注入活动。这发生在已经执行登录并设置了参数之后。在文件 2 中，login.UserName 始终未定义，我尝试绑定的任何其他项目都未定义。对于正确绑定，我有什么遗漏吗？

//file 1
import {autoinject} from 'aurelia-framework';
import {HttpClient, json} from 'aurelia-fetch-client';
import {bindable} from 'aurelia-framework';
import 'fetch';

@autoinject
export class Login{
    @bindable UserName:String

    constructor(private http: HttpClient){
        ...redacted...
    }

    login(){
       this.UserName="test";
    }
}


//file 2
import {autoinject} from 'aurelia-framework';
import {HttpClient, json} from 'aurelia-fetch-client';
import 'fetch';
import {Login} from 'login/src/login';

@autoinject
export class Activity {
    Login: Login;

    constructor(private http: HttpClient, private login: Login) {
      ...redacted...
      this.Login=login;
    });
}

Answer 1

我认为Activity 类/自定义元素正在注入Login 类/自定义元素的不同实例。尽管这些项目通常具有容器控制的“单例”生命周期，但 UI 组件却没有。我认为您可以通过将@singleton 添加到您的Login ui 组件来获得您必须工作的内容，但是您最好创建一个单独的类，可能称为“用户”，您可以将其注入到Login UI 中组件和Activity UI 组件。