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 =您的視圖模型實例