javascript - ノックアウトのモーダル読み込みの問題

Question

ユーザーが連絡先のタイトルをクリックしたときにモーダルを表示したいと思います。50 の連絡先の配列があり、すべての要素を表示しています:

Natha Delarue
CEO Sikka
sikka@mail.com(work) 
+33 5 99 31 86 36 (work) 
Sikka.com (work) 
http://sikka.com (work) 

Paul kalbernner
...

連絡先のタイトル (名前、名) をクリックしてモーダルをロードし、別のコンテンツ (Twitter などの署名など​​) を印刷したいです。

ここに私のコードがあります:モーダル:

 <div class="modal fade hide" data-bind="modal: viewModel.ui.FlashbackReport.selected">
        <div class="modal-header">
    <button class="close" data-dismiss="modal">x</button>
    <h3>Edit Record</h3>
       </div>
       <div class="modal-body">
     <div> Contenu signature </div>
        </div>

       </div>

すべての情報を表示するには:

 <div id="retrievedContactsDiv" data-bind="foreach: viewModel.MoreContacts.contacts()">

  <a href="#" data-bind="text: $data.contactTitle(), click:  viewModel.ui.FlashbackReport.selected"></a>

<!-- ko foreach: $data.organizations() -->


   .......

    <!-- ko foreach: $data.emails() -->

        .....

選択された初期化

viewModel.ui.FlashbackReport = {
selected: ko.observable(), }