knockout.js knockoutjs if语句并将文本替换为html

pcww981p  于 2022-11-10  发布在  其他
关注(0)|答案(1)|浏览(144)

在knockoutjs中实现这一点的最佳方法是什么?我想将data-bind=“text:Order”,并根据返回的内容显示图像。下面的代码是我尝试的例子。第一个例子可以正常工作,但只返回文本(ASC或DESC)。第二个例子只返回两者。第三个例子可以工作,但我需要将对象显示为html。谢谢。

<div class="col-md-3 sort-order">

                                    <!--<div class="col-md-3 sort-field" data-bind="text: Order"></div>-->

                                    <!-- ko if: Order() === 'ASC' -->
                                    <object data='~/Content/svg/plans/order-down.svg' type='image/svg+xml' />
                                    <!-- /ko -->
                                    <!-- ko if: Order() === 'DESC' -->
                                    <object data='~/Content/svg/plans/order-up.svg' type='image/svg+xml' />
                                    <!-- /ko -->
                                </div>

                                <!--<div class="col-md-3 sort-order" data-bind="text: (ko.unwrap(Order) == 'ASC') ?'<object data='~/Content/svg/plans/order-down.svg' type='image/svg+xml' />' : '<object data='~/Content/svg/plans/order-up.svg' type='image/svg+xml' />'">
                                    </div>-->
r1wp621o

r1wp621o1#

在您的代码中,不要使用文本绑定,而是像这样使用:

data-bind="html:'your html part goes here'"

相关问题