我如何防止lt; span＆gt;如果$ root中的某些属性为null，则创建元素？

发布于 2025-01-30 01:09:21 字数 300 浏览 1 评论 0原文

我在＆lt; span＆gt;元素中显示一些文本，

<span data-bind="text: $root.participants()[_propkey].Currency"></span>

当 root.participants（）[_ propkey] .currency 是null，我在页面上有一个空白空间。

如果 root.participant（）[_ propkey]。

原文

I display some text in a <span> element which looks like this

<span data-bind="text: $root.participants()[_propkey].Currency"></span>

When root.participants()[_propkey].Currency is null, I get an empty space on page.

How do I prevent this span from getting created if root.participants()[_propkey].Currency is null

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

A君 2025-02-06 01:09:21

您可以使用虚拟元素和如果绑定以实现您追求的目标

var vm = {
  Currency : ko.observable()
};

ko.applyBindings(vm);

span {background-color: cornflowerblue}

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>
Currency span 
<!-- ko if: Currency -->
<span data-bind="text: Currency"></span>
<!-- /ko -->
is here
<br />

Test: <input data-bind="textInput: Currency">

you can use virtual elements and the if binding to achieve what you're after

var vm = {
  Currency : ko.observable()
};

ko.applyBindings(vm);

span {background-color: cornflowerblue}

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>
Currency span 
<!-- ko if: Currency -->
<span data-bind="text: Currency"></span>
<!-- /ko -->
is here
<br />

Test: <input data-bind="textInput: Currency">

回复收藏 0 原文

~没有更多了~