knockout.js 显示带有字符串列表的数组垂直敲除js

yacmzcpb  于 2022-11-10  发布在  其他
关注(0)|答案(2)|浏览(119)

我得到了self.PatrolList = ko.observableArray(),其中包含:

//value
0: {DateAdd: 'Tuesday, 01 November 2022', sessionList: Array(2)}
1: {DateAdd: 'Wednesday, 02 November 2022', sessionList: Array(4)}

//sessionList value
Array(2)
0: "Patrol_011122168"
1: "Patrol_011122256"

现在,我想显示它们。问题是sessionList值显示在字符串中:
查看方式:

<div class="overflow-auto body-overflow" data-bind="foreach:PatrolList">
    <div class="timeline-date" data-bind="text: DateAdd"><i class="fa fa-calendar text-success"></i></div>
        <ul>
           <li class="timeline-content" data-bind="text: sessionList"></li>
       </ul>
    </div>

我如何将它们按(,)拆分并垂直显示。我想要实现的是:

Tuesday, 01 November 2022
 -Patrol_011122168
 -Patrol_011122256
rks48beu

rks48beu1#

如果在ul上使用另一个循环,则可以使用$data来获取当前值。
第一个

wkyowqbh

wkyowqbh2#

找到答案了。我只需要稍微调整一下我的观点:

<div class="overflow-auto body-overflow" data-bind="foreach:PatrolList">
     <div class="timeline-date" data-bind="text: DateAdd"><i class="fa fa-calendar text-success"></i> 28 Dec</div>
                    <ul data-bind="foreach: $data.sessionList">
                        <li class="timeline-content" data-bind="text: $data"></li>
                    </ul>
                </div>

有趣的是,我在发布这些问题后几秒钟就得到了解决方案。

相关问题