KnockoutJSの変数$ dataの起源と目的は何ですか？

Question

KnockoutJS tutorials私は、説明できない変数$dataを含む次のコード例を見つけました。

ビュー（HTML）：

<!-- Folders --> 
<ul class="folders" data-bind="template: { name: 'folderTemplate', foreach: folders }"></ul> 
<script type="text/html" id="folderTemplate"> 
    <li data-bind="css: { selected: $data == mailViewModel.selectedFolder() }, 
        click: function() { mailViewModel.selectFolder($data) }"> 
     ${$data} 
    </li>  
</script> 

ビューモデル（JavaScriptの）：

var viewModel = { 
    // Data 
    folders: ['Inbox', 'Archive', 'Sent', 'Spam'], 
    selectedFolder: ko.observable('Inbox'), 

    // Behaviours 
    selectFolder: function (folder) { 
     this.selectedFolder(folder); 
    }  
}; 

window.mailViewModel = viewModel; 
ko.applyBindings(viewModel); 

チュートリアルでは、そのドル記号が使用されどのような任意の説明が含まれており、この$dataが来るしません。から。変数$dataはどこにも定義されておらず、$dataの3つのインスタンスの名前をすべて$foobarに変更すると、この例はもう機能しません。

ここではどのような種類の魔法が行われていますか？

Answer 1

$data変数は、バインドされている現在のオブジェクトを参照するための組み込み変数です。この例では、これはviewModel.folders配列内の要素の1つです。

Answer 2

$データはKnockout's Binding Contextsの一部です。内でのみ利用可能

• $親
• $両親
• $ルート
• $コンポーネント
• $データ
• $インデックス（：ここ

  は、すべての組み込み変数ですforeachバインディング）

• $ parentContext
• $ RAWDATA
• $ componentTemplateNodes

Answer 3

私は http://jsfiddle.net/bowen31337/48RDd/