Knockout.jsデータバインドに静的なhtml属性を追加する

Question

ファイルからjsonをバインドしていて、うまくいきます。バインディングは、HTMLテーブルの上に行われている：

<script type="text/html" id="ordertracking_template"> 
    <tr> 
     <td data-bind="text:ClientName"></td> 
     <!-- ko foreach: SalesCohorts --> 
     <td data-bind="text: TotalCohortSales">/td> 
     <!-- /ko --> 
     <td data-bind="text: TotalSalesInTargetPeriod"></td> 
    </tr> 
</script> 

は今、私の願望は、TotalCohortSalesと同じ行にリンクを追加することです。すなわち

<!-- ko foreach: SalesCohorts --> 
<td data-bind="text: TotalCohortSales"><pre><a href="">Orders</a></pre>/td> 
<!-- /ko --> 

と同じですが、これは起こりません。データはバインドされていますが、追加された<pre><a href="">Orders</a></pre>要素はレンダリングされません。

私が上記で提供した情報が、誰かが何らかの援助でチップインすることができれば十分です。

Answer 1

あなたが言う：

<!-- ko foreach: SalesCohorts --> 
    <td data-bind="text: TotalCohortSales">/td> 
    <!-- /ko --> 

あなたがコンテンツこの行の（innerHTMLプロパティ）（<td>）を定義しています。この行には何も追加することはできません。

あなたはより多くのデータを書き込みたい場合は、その内容から<td>をsepareする必要があります。

<!-- ko foreach: SalesCohorts --> 
    <td> 
    <span data-bind="text: TotalCohortSales"></span> 
    <pre><a href="">Orders</a></pre> 
    </td> 
    <!-- /ko --> 

今、あなたは、各SalesCohortsごとに1列があります。この列の中にはTotalCohortSalesとリンクがあります。