Aurelia中的动态绑定/绑定路径

有没有办法动态绑定aurelia中的值

test.js

export class test{
    constructor(){
        var self = this;
        self.what='firstname';
        self.firstname = 'John';
        self.lastname = 'Doe';
    }
}

test.html

<template>
   Input <input type="text" value.bind="what" />
   output: <input type="text" value.bind="${what}" />
</template>

输入
输出：

---不起作用

我想要实现的是：

如果我在输入中写入'firstname'，它将在输出中显示'John'

如果我在输入中写入'lastname'，它将在输出中显示'Doe'

---

当我们需要绑定路径是动态的时，可能需要这样做。

您试图做一些非常奇怪的事情。。。无论如何，这就是你可以做到的：

 Input <input type="text" value.bind="what">
 Output <input type="text" value.bind="$this[what]">

输入
输出

这样，如果您在输入中键入'firstname'，您将在输出中得到'John'。但是，不建议这样做，使用

$this

时要小心。另外，由于您正在绑定内容，我认为如果您键入一个不存在的属性，Aurelia将创建一个新属性，这可能会导致内存问题。如果我是你，我会尝试用完全不同的方式解决这个问题

---

$this

=您的视图模型实例

您试图做一些非常奇怪的事情。。。无论如何，这就是你可以做到的：

 Input <input type="text" value.bind="what">
 Output <input type="text" value.bind="$this[what]">

输入
输出

这样，如果您在输入中键入'firstname'，您将在输出中得到'John'。但是，不建议这样做，使用

$this

时要小心。另外，由于您正在绑定内容，我认为如果您键入一个不存在的属性，Aurelia将创建一个新属性，这可能会导致内存问题。如果我是你，我会尝试用完全不同的方式解决这个问题

---

$this

=您的视图模型实例

非常感谢。当我们需要绑定路径是动态的时，这会很有用。如果这解决了您的问题，请接受它作为正确答案。非常感谢。当我们需要动态绑定路径时，这可能很有用。如果这解决了您的问题，请接受它作为正确答案