使用KnockoutJS

Question

所以我有以下＆＃34;目标/目标＆＃34; -structure：

<p data-bind="text: Title" class="commentContent">
  <a class="removeComment" data-bind="attr: {'data-commentId':Id}">x</a>
</p>

锚标记必须在段落中。现在，正如您可以想象的那样，段落内容会覆盖锚标记。

绑定此类内容的正确方法是什么？

Answer 1

以下是如何使用无容器语法来避免额外的DOM混乱页面的方法：

ko.applyBindings({ Title: "My fancy title", Id: 42 });

.commentContent { background: lime; padding: 10px; }
a { color: red; font-weight: bold; background: blue; }

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.0/knockout-min.js"></script>

<p class="commentContent">
  <!-- ko text: Title --><!-- /ko -->
  <a class="removeComment" data-bind="attr: {'data-commentId':Id}">XanchorX</a>
</p>

您也可以不使用无容器语法，但如果您确实需要额外的标记来使用某些CSS来定位它，那么请使用具有特定span的{​​{1}}。