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>

---不工作

我想要实现的目标是：

如果我在输入中写'firstname'，它会在输出中显示'John'。
如果我在输入中写'姓氏'，它会在输出中显示'Doe'。

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

Answer 1

你正在尝试做一些非常奇怪的事......无论如何，这是你怎么做的：

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

通过这种方式，如果您输入＆＃39; firstname＆＃39;在输入中，您将获得John＆＃39;在输出中。但是， 不推荐 ，使用$this时要小心。此外，由于您正在绑定内容，我认为如果您键入一个不存在的属性，Aurelia将创建一个新属性，这可能会导致内存问题。如果我是你，我会尝试以完全不同的方式解决这个问题。

$this =您的视图模型实例

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

1 个答案: