如何在 html 上显示这个 Knockout observable？

Question

我正在尝试在 html 上填充此 Knockout 对象数据。但它没有出现在 ui.

我尝试了 foreach 语句。我不想创建单独的变量，因为输入内容将是动态的。

查看模型：

public jsonData: KnockoutObservable<any> = ko.observable({
        "fruits": [],
        "cars": [],
    });


    var fruitsArr = [];
        var carsArr = [];

        fruitsArr.push("Mango");
        fruitsArr.push("pineapple");
        carsArr.push("ford");
        carsArr.push("honda");

         that.jsonData({
                cars: carsArr,
                fruits: fruitsArr,
            });

HTML:

 <!-- ko foreach: jsonData.cars -->
<p class="SummaryHeading"><span data-bind="text: $data"></span></p>

<!-- /ko -->

没有错误信息。但是没有显示想要的数据

Answer 1

jsonData 是可观察的。所以，你应该使用

<!-- ko foreach: jsonData().cars -->

如何在 html 上显示这个 Knockout observable？

How to show this Knockout observable on the html?

knockout.js