如何根据数据绑定属性在模态上显示不同的内容？ （knockout.js + bootstrap modal）

Question

我想要做的是，当我点击＆＃34;预览应用程序＆＃34;我想要显示模态。链接基于链接的数据绑定。

例如，

<a href="#" data-toggle="modal" data-target="#previewApplicantModal" data-bind="attr: { 'data-applicationKey': application.applicationKey }">

   Preview Application

</a>

当我这样做时，它会绑定到相应的applicationKey。因此，我想使用此信息根据applicationKey在模态上显示相应的candidateLocation。

我该怎么做？

重新解释我的问题，

如何让模态读取applicationKey并显示同一个＆＃34; application＆＃34;中的候选位置？对象作为applicationKey？

我的空模态的代码目前如下所示：

<div id="previewApplicantModal" class="modal fade" tabindex="-1">
   <div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
            <h4 class="modal-title" id="myModalLabel">Applicant Preview</h4>
        </div>
        <div class="modal-body">



            <div class="row">
                <div class="col-md-6">
                    <span>Applicant Responses</span>

                </div>
                <div class="col-md-6">
                    <div>


                    </div>
                </div>
            </div>
            <div class="row small-margin-top" style="text-align:center">
                <a href="#">Read Full Profile</a>
            </div>

        </div>

    </div>
</div>