Javascript knockout.js语法问题（数据绑定和模式）

附加图像的右侧显示了我正在使用的viewModel。 我想做的是根据链接的“applicationKey”在模式上显示“candidateLocation”

我从另一个帖子收到的建议如下：

此人表示，他/她将使用viewModel上的observable跟踪当前应用程序，该应用程序将显示在modal上。它的名称可以是“currentApplication”

我不太明白这段代码是如何工作的，因为我是新手。函数application（）做什么，ApplicationsVM（）做什么？我希望您能一步一步地解释这段代码

之后，此人告诉我如何创建指向模型的链接：

<ul data-bind="foreach : applicationList">
    <li> <a href="#" data-bind="click : $root.setCurrentApplication" data-toggle="modal" data-target="#previewApplicantModal"> <span data-bind="text: applicationKey" ></span> </a> </li>
</ul>

而模态本身的剪断：

<div class="col-md-6" data-bind="with: currentApplication">
    <span data-bind="text: candidateLocation"></span>    
</div>

我知道模式代码试图显示当前应用程序的候选位置，但我不确定这与applicationKey如何匹配

我想直接问那个人，但他/她没有回应，所以我决定公开发布

---

总的来说，我想知道所提供的代码是如何工作的，以及它是否真的按预期工作。

除了在列表项的

文本

绑定中使用

applicationKey

之外，它没有太多变化。如何呈现

.row

元素？使用

foreach

？我想他们是想告诉你，在淘汰赛中，你不必传递元素、属性和ID，因为你可以引用viewmodels。另外，在前面的评论中，你的小提琴链接包含语法错误和一个断开的敲除链接，这并不能真正表明你花了很多精力试图理解发生了什么。。。试试这个：

应用程序

是一个构造函数（也应该是

应用程序

）。它创建一个具有两个成员的对象<代码>应用程序VM是viewmodel创建功能。如果您还没有完成，它是值得您花费时间的。@RoyJ“this.setCurrentApplication=function（model）{self.currentApplication（model）；}；”这个函数如何工作？我不太明白它的作用和工作原理。它将

vm.setCurrentApplication

设置为一个可以从HTML中的绑定调用的函数。它在HTML的第一位中的

单击

绑定中使用。

<div class="col-md-6" data-bind="with: currentApplication">
    <span data-bind="text: candidateLocation"></span>    
</div>