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

Question

有没有办法动态绑定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>

--- 不工作

我想要实现的是：

1. 如果我在输入中写“名字”，它会在输出中显示“约翰”。

2. 如果我在输入中写“姓氏”，它会在输出中显示“Doe”。

当我们需要动态绑定路径时可能需要这个。

Answer 1

你正在尝试做一些非常奇怪的事情......无论如何，这就是你可以做到的：

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

这样，如果您在输入中键入“名字”，您将在输出中得到“约翰”。但是，不建议这样做，使用$this 时要小心。此外，由于您正在绑定东西，我认为如果您键入一个不存在的属性，Aurelia 会创建一个新属性，这可能会导致您出现内存问题。如果我是你，我会尝试以完全不同的方式解决这个问题。

$this = 你的视图模型实例