javascript - 无法在已绑定(bind)数据的标签内绑定(bind)数据 Knockout js

Question

我是 Knockout js 的新手，但学习速度很慢。

然而，我遇到了一个无法真正理解的问题，我的猜测是需要经验才能理解这个问题。

这是我的问题，当我映射数据时，CommentedDate 值不显示。我认为这是因为 span 位于 h2 内部，它已经绑定(bind)了数据。

在遵循此 tutorial 之后，我正在使用 PHP 实现此功能这是使用 ASP 和 Knockout.js 完成的

<h2 data-bind="text: CommentedByName">
      <span class="timeago" data-bind="text: CommentedDate"></span>
</h2>

我可能做错了什么？

我的模型:

function Comment(data) {
    var self = this;
    data = data || {};

    //persisted properties
    self.CommentId = data.comment_id;
    self.PostId = data.post_id;
    self.Message = ko.observable(data.message || "");
    self.CommentedBy = data.commented_by || "";
    self.CommentedByName = data.commented_by_name || "";
    self.CommentedDate = getTimeAgo(data.comment_date);
    self.error = ko.observable();

}

Answer 1

由于 h1 标签内允许使用 span 标签，因此您可以尝试以下操作:

<h2>
    <span class="name" data-bind="text: CommentedByName"></span>
    <span class="timeago" data-bind="text: CommentedDate"></span>
</h2>

根据您的评论:

<h2 data-bind="html: (ko.unwrap(CommentedByName) + '<span class=\'timeago\'>' + ko.unwrap(CommentedDate) + '</span>') ">
</h2>