数据绑定淘汰js时跨度消失

Question

我有这段代码：

class LoginFrame(Frame, object):

<div class="panelFoot" data-bind="foreach:InvestmentArray "> <p class="text-center" data-bind="text: $data.ETE"> <span data-bind="text:$data.symbol"></span> </p> </div> 消失，但当我将span从span移到外面时，它可以正常工作。非常奇怪。

那么有办法解决这个问题吗？

Answer 1

text binding将元素的内容设置为带有参数值的文本节点。 之前的所有内容都将被覆盖。

因此text p绑定span会移除p内的p。

要解决此问题，您需要使用无容器语法在<div class="panelFoot" data-bind="foreach:InvestmentArray "> <p class="text-center" data-bind=""> <!-- ko text: $data.ETE --><!-- /ko --> <span data-bind="text:$data.symbol"></span> </p> </div> 内移动绑定：

<div class="panelFoot" data-bind="foreach:InvestmentArray ">
    <p class="text-center" data-bind="">
        <span data-dind="text: $data.ETE"></span>
        <span data-bind="text:$data.symbol"></span> 
    </p>
</div>

或者您可以添加另一个范围：

// Instagram
var instaService = new InstagramService();
var instaObj = await instaService.GetInstagramObject("my company", searchOpt.MinMaxId);

// Flickr
var options = new PhotoSearchOptions { PerPage = 20, Page = 1, UserId = "*************" };
PhotoCollection photos = FlickrManager.GetInstance().PhotosSearch(options);