2017-06-01 12 views
0

有沒有什麼方法可以動態綁定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> 

---不工作

我想實現的是:

  1. 如果我寫輸入中的'firstname',它會顯示'約翰'在輸出。

  2. 如果我在輸入中輸入'姓',它會在輸出中顯示'Doe'。

當我們需要綁定路徑是動態的時候,這可能是需要的。

回答

2

你試圖做一些很奇怪的......無論如何,這是你如何做到這一點:

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

這樣,如果你在輸入輸入「姓名」,你會得到'John'在輸出中。但是,這不建議使用,使用$this時要小心。另外,由於你是有約束力的東西,我認爲如果你輸入一個不存在的屬性,Aurelia會創建一個新的屬性,這可能會導致你的內存問題。如果我是你,我會嘗試以完全不同的方式解決這個問題。

$this =您的視圖模型實例

+0

非常感謝。當我們需要綁定路徑是動態的時候,這會很有用。 – Tuhin

+0

如果這是解決你的問題,請接受它作爲正確的答案 –

+0

那麼..這是相當漂亮.. –