javascript - Angular 2/Ionic 2 ngModel 动态全局变量

Question

大家好，我目前正在尝试在全局范围内使用我的 ngModeled 变量。

到目前为止，我有以下代码片段。

主页.html

<ion-input type="text" value="" [(ngModel)]="databaseID"> 

主页.ts

public databaseID;

这些函数有效，当我尝试从 home.ts 类打印 ngModeled 数据时，它会打印用户输入的内容。但是我不确定如何从另一个类调用databaseID。我尝试将databaseID设置为全局(全局是静态的，因此这不起作用)。

你能解释一下我可以从不同的类访问这个变量的方法吗？

我的一些可能的想法是依赖注入(inject)和使用提供程序。但我不确定最好的方法是什么。

Answer 1

在不同组件/指令之间共享变量的最佳方法是使用服务。您可以做的是将 ngModel 直接绑定(bind)到服务，然后从多个组件访问该服务。

服务:

@Injectable()
export class MyService {
    databaseId: string;

    constructor() {
        this.databaseId = "1234";
    }
}

组件:

export class MyComponent {
    constructor(private myService: MyService) { }
}

HTML:

<ion-input type="text" value="" [(ngModel)]="myService.databaseID">

服务教程:https://angular.io/docs/ts/latest/tutorial/toh-pt4.html

依赖注入(inject):https://angular.io/docs/ts/latest/cookbook/dependency-injection.html