Data binding 删除将字体图标绑定到属性

我试图根据属性显示一个令人敬畏的字体图标，同时循环通过一个敲除可观察数组

当前代码：

<tbody data-bind="foreach: TimeToPutAwaySummary">
    <tr class="noOfPeopleRequiredRow">
        <td data-bind="text: $data.IsOptimumNoOfPeople ? '***' + $data.NoOfPeopleRequiredText + '***' : $data.NoOfPeopleRequiredText">
        </td>
        <td style="text-align: right" data-bind="text: $data.Time"></td>
    </tr>
</tbody>

但是，我想显示一个字体很棒的图标，而不是“***”，例如：

1 Person Required
(font awesome icon) 2 Person Required
3 Person Required
4 Person Required
5 Person Required

我尝试了以下操作，但未显示图标：

<tbody data-bind="foreach: TimeToPutAwaySummary">
    <tr class="noOfPeopleRequiredRow">
        <td data-bind="text: $data.IsOptimumNoOfPeople ? '***' + $data.NoOfPeopleRequiredText + '***' : $data.NoOfPeopleRequiredText">
            <span data-bind="visible: IsOptimumNoOfPeople"><i class="fa fa-spinner" aria-hidden="true"></i></span>
        </td>
        <td style="text-align: right" data-bind="text: $data.Time"></td>
    </tr>
</tbody>

我还尝试将span标记替换为p标记。

您正在使用的为什么不将a与数据绑定=文本一起使用：。。。而不是把它放在你的td里？@Tistkle怎么会这样？我相信标签不能嵌入到标签中。我有一个包含两列的表，如上面的代码所示。第1列有“x”人员必填文本，第2列有时间。

<tbody data-bind="foreach: TimeToPutAwaySummary">
    <tr class="noOfPeopleRequiredRow">
        <td data-bind="text: $data.IsOptimumNoOfPeople ? '***' + $data.NoOfPeopleRequiredText + '***' : $data.NoOfPeopleRequiredText">
            <span data-bind="visible: IsOptimumNoOfPeople"><i class="fa fa-spinner" aria-hidden="true"></i></span>
        </td>
        <td style="text-align: right" data-bind="text: $data.Time"></td>
    </tr>
</tbody>

<td>
 <span data-bind="text: $data.IsOptimumNoOfPeople ? '***' + $data.NoOfPeopleRequiredText + '***' : $data.NoOfPeopleRequiredText"></span>
 <span data-bind="visible: IsOptimumNoOfPeople"><i class="fa fa-spinner" aria-hidden="true"></i></span>
</td>