KnockoutJS tutorials açıklanamayan bir değişken $data içeren aşağıdaki kod örneği rastladım.

(Html) Görünüm:

<!-- 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) Görünüm Model:

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

Öğretici bu dolar işareti $data Bu nereden geliyor bunun için ne herhangi bir açıklama içermiyor. $data hiçbir yerde tanımlanır ve $foobar örnek $data tüm üç örneği var adlandırmak değişken artık çalışmıyor.

Ne tür bir büyü oluyor burada?

veri Knockout's Binding Contexts parçası$.

Burada yerleşik tüm değişkenler:

• $ana
• anne . $
• kök . $
• bileşen . $
• $veri
• ındex () foreach bağlantıları içinde kullanılabilir. $
• $parentContext
• $rawData
• $componentTemplateNodes