在表格單元格中每行顯示JSON數組結果

Question

我有一個表，其中顯示“空氣分段”列。 空段是來自服務器的JSON數組（請參見圖片），我需要在表格單元格中每行顯示空段列的內容。 現在，它顯示為帶有逗號的完整字符串（請參見下圖）。

。

因此，HTML代碼如下：

<!-- ko foreach: $parents[0].outputsToDisplay($data) -->
    <td>
        <span data-bind="foreach: $data, visible: $parents[2].outputs()[$parent.index()].internalname ==='air_segments', text: splitAirSegments($data)"><br></span>
   </td>
<!-- /ko -->

外部的“ for each”將$ data提供給td，這些數據將被填充到表中。

可見的綁定屬性可確保僅填充air_segments列。

output（）是js文件中的一個可觀察數組。

我需要編寫一個JS方法“ splitAirSegments”，使其一一返回空段，並在“ br”的幫助下中斷行，最終使空段在單個表單元格中每行出現一個。

我試過的

self.splitAirSegments = function (arr) {
    return arr;
}

我的理解是，“ span”中的“ for each”會將每個空段發送到此函數，並且只要函數返回值，HTML就會使用換行符顯示它。

正確的方法是什么？ 是否有其他方法可以分割空段（以定界符作為逗號），現在將所有空段顯示為一個逗號。

請幫助。

Answer 1

在用戶@Origineil的擺弄下 ，以下內容對我有用：

<!-- ko foreach: $parents[0].outputsToDisplay($data) -->
   <td>

    <span data-bind="if: $parents[1].Outputs()[$index()].InternalName === 'air_segments'">
        <span data-bind="foreach: $data">
            <span data-bind="text: $data"></span>
            <br/>
        </span>           
     </span>

  </td>
<!-- /ko -->