複数の 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 が不明です。