0

Win 8 アプリ開発の学習を始めたばかりで、データ バインディングの基本的なチュートリアルに従っています。

私が理解しようとしているコードは次のとおりです。

<div id="basicBinding">
          Welcome,
          <span id="nameSpan" data-win-bind="innerText: name"></span>
</div>

<script type="text/javascript">
var person = { name: "Fran" };
var personDiv = document.getElementById("nameSpan");
WinJS.Binding.processAll(personDiv, person);

私は次のように理解しています。用語のいずれかが間違っている場合はお詫びします。

スクリプトの最初の行は、オブジェクト リテラルである「person」という変数を作成し、その中に名前データを格納します。

2 行目は、HTML スパン要素「nameSpan」にバインドされたデータを格納する変数「personalDiv」を作成します。

スクリプトの 3 行目は、実際には 1 行目と 2 行目を処理して、残りのコードで変数を使用できるようにします。

私が理解していないのは、スパン要素が実際にフランの「名前」値をどのように出力するかです。「data-win-bind」呼び出しが「person」変数を認識して名前データを取得できるようにするために何が起こっているのか、正確にはわかりません。「personDiv」変数は、nameSpan が値を持つ前に「nameSpan」から値を取得しようとしているようです (これは明らかに私が間違って解釈しているだけですが、正しいロジックがわかりません。

初心者向けのチュートリアルなので、これを何百万回も複雑にしてきたと思いますが、どんな助けでも大歓迎です!

ありがとう！

4

1 に答える 1

2

data-win-bindは単なる通常の属性です。実際には何もしません。

を呼び出すとWinJS.Binding.processAll()、その属性を持つすべての要素が検索され、処理されます。

于 2012-11-06T22:39:58.340 に答える