0

Template Binding が 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}

ありがとう

4

2 に答える 2

2

いいえ、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ます。この関数を置き換えるかモンキー パッチを適用して、独自のテンプレート エンジンを追加できます。

于 2012-09-13T11:56:52.793 に答える
0

次のようなことができます

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

お役に立てれば。

于 2015-07-25T15:19:34.517 に答える