knockout的无容器语法很难闻吗？

Question

我觉得使用注释来描述视图的行为是一种味道。因此，这并不意味着任何时候你看到它，它就是坏的，它只是可疑的。如果可以的话，我尽量避免使用它。但我经常发现，避免使用它会降低代码的可读性。

下面是一个最常见的例子：

<div data-bind="visible: taskIsAssigned, if: taskIsAssigned" class="assignee">
  Assigned to: <span data-bind="text: assignee"></span>
</div>

<!-- ko if: taskIsAssigned -->
<div class="assignee">
  Assigned to: <span data-bind="text: assignee"></span>
</div>
<!-- /ko -->

我正在寻找一个建议或经验法则，或者希望有一个比上面两个更好的解决方案。

我以为if绑定应该隐藏它修饰的元素，但它没有，也许我应该调整if或添加一个提供这种行为的"visible_if“绑定？

Answer 1

knockout无容器语法有两个主要问题

用于指导实际行为的无容器注释:这可能会在缩进中丢失processes

• these注释通常不会在see this example

缩排中考虑，所以如果您使用多级无容器语法，您可能很容易丢失

这就是为什么只有在必要的情况下才应该保留它的原因(<select>和<li>标签出现在脑海中)。