KnockoutJS单页应用教程第一步歧义

Question

我正在遵循knockoutjs交互式教程，并有一个模糊。教程位于这里:http://learn.knockoutjs.com/#/?tutorial=webmail我在第一步，不能理解以下部分:

self.chosenFolderId = ko.observable();

这意味着选择的文件夹id属性将是可观察的?

<li data-bind="text: $data, 
               css: { selected: $data == $root.chosenFolderId() },
               click: $root.goToFolder"></li>

我指的是这个特定的表达式:

click: $root.goToFolder

是什么将这个表达式传递给goToFolder方法?这似乎是通过功能从数组中选择的字符串，但在第一次视图中它通过li对象。

我将非常感谢任何想法和建议。

致以最亲切的问候。

Answer 1

knockout文档说点击绑定将把数据上下文传递给点击处理程序函数goToFolder。

在本例中，数据上下文是一个字符串，文件夹名称，因为click绑定在foreach绑定中。

这个绑定click: $root.goToFolder基本上是这个的简写:

click: function() { $root.goToFolder($data); }