WinJS內聯綁定語法

Question

我試着理解模板綁定如何與WinJS一起工作。

我發現你必須在數據屬性上指定綁定：

<div data-wind-bind="innerText:myProperty"></div>

我想我也看到了你可以定義多個屬性的東西......

<div data-wind-bind="style.color: fontcolor; innerText: timestamp"></div>

是否還有一個類似於其他模板引擎的語法我可以指定內聯類似（只是來自其他模板引擎的示例）

<div>This is my property {{property1}} and it was created {{created_at}}</div>

現在重要的是它的<% property %>或#{property}只是被Templating引擎解析和替換的東西

謝謝

Answer 1

不，WinJS Binding中沒有這樣的語法。

但是，你可以寫這個。

<div>This is my property <span data-win-bind="innerText:property1"></span> and it was created <span data-win-bind="innerText:created_at"></span></div>

否則，綁定實際上是由WinJS.Binding.processAll創建的。 您可以替換或猴子修補此功能並添加您自己的模板引擎。

Answer 2

你可以做點什么

<div>This is my property <span data-win-bind="innerText: property1">property1</span> and it was created <span data-win-bind="innerText: created_at">created_at</span></div>

或者，當然，你也可以使用javascript來實現相同的結果，通過這樣做：

// somefile.html
<div id="someID">This is my property {{property1}} and it was created {{created_at}}</div>

// somefile.js
var property1 = "some text";
var created_at = "some text";
var div = document.getElementById("someID");
div.innerText = "This is my property " + property1 + " and it was created " + created_at;

希望這可以幫助。