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. 如果我写输入中的'firstname'，它会显示'约翰'在输出。

2. 如果我在输入中输入'姓'，它会在输出中显示'Doe'。

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

Answer 1

你试图做一些很奇怪的......无论如何，这是你如何做到这一点：

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

这样，如果你在输入输入“姓名”，你会得到'John'在输出中。但是，这不建议使用，使用$this时要小心。另外，由于你是有约束力的东西，我认为如果你输入一个不存在的属性，Aurelia会创建一个新的属性，这可能会导致你的内存问题。如果我是你，我会尝试以完全不同的方式解决这个问题。

$this =您的视图模型实例