knockout.js - 淘汰赛 - 如果日期大于则显示元素

Question

我想显示这样的东西：

<tr>
    <td colspan="2" class="center">
        <a data-bind="attr: { href: 'https://scyk.pl/Account/UserProfile?user=' + peer}, text: peer"></a>
    </td>
</tr>

但我希望仅当（我的模型的属性）大于tr时才显示整个元素。我怎样才能做到这一点？date(current date-15min)

Answer 1

tr将元素包装在使用if绑定的虚拟元素中：

<!-- ko if: date().getTime() > new Date().getTime() - 900000 -->
    <tr>
        ...
    </tr>
<!-- /ko -->

上面的方法有效，但是进行日期计算的表达式确实应该是视图模型的一部分。一种更简洁的方法是将计算添加到您的视图模型中：

model.isDateAfterFifteenMinutesAgo = ko.computed(function () {
    return model.date().getTime() > new Date().getTime() - 900000;
});

然后<!-- ko if: isDateAfterFifteenMinutesAgo -->在您的 HTML 中使用。