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;

希望这可以帮助。