WinJS内联绑定语法

WinJS inline Binding Syntax

本文关键字：语法 绑定 WinJS      更新时间：2023-09-26

我试图了解模板绑定如何与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}只是将被模板引擎解析和替换的东西

感谢

不，WinJS绑定中没有这样的语法。

然而，你可以写这篇文章。

<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创建的。您可以替换或修补此功能，并添加自己的模板引擎。

您可以执行类似的操作

<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;

希望这能有所帮助。

相关文章：