1

複数の URL をテーブルに表示し、それぞれの横に削除ボタンを配置したいと考えています。これはいくつかの場所で使用されているため、ノックアウト テンプレートを使用することにしました。

<script type="text/html" id="new-repo-template">
  <tr class="row">
    <td class="url-cell"
        data-bind="text: repo.url"></td>
    <td class="button-cell">
        <button data-bind="click: removeUrl">X</button>
    </td>
  </tr>
</script>

<table>
  <tbody data-bind="template: {name: 'new-repo-template',
                               foreach: myDataCollection, as: 'repo',
                               data: {removeUrl: myFunctions.removeRepo } }">
  </tbody>
</table>

問題は、myDataCollection の一部ではない myFunction オブジェクトに格納されているデータと関数呼び出しを提供する foreach を組み合わせる必要があることです。

この foreach を、すべてのコレクション オブジェクトの静的で共通のプロパティであるコレクション データおよびデータ オブジェクトと組み合わせることは可能ですか?

データ バインディングの隣に foreach がある現在のセットアップでは、データが設定されておらず、プロパティ removeUrl が不明です。

4

1 に答える 1