如何在映射数组中添加换行符

How to add line breaks in a mapped array?

本文关键字:添加 换行符 数组 映射      更新时间:2023-09-26

我必须遵循KO对象:

var Property= function (data) {
    this.name= ko.observable(data[0].name);
    this.address = ko.pureComputed(function () {
        return data.map(function (prop) {
            return prop.address;
        });
    }, this);
}

JSON"数据"如下:

{"名称":"名称1","地址":"地址1"}

当我在页面上显示"地址"属性时,

<span data-bind="text: address"></span>

它看起来像这样:

地址1,地址2

我的问题是如何用换行符而不是逗号来分隔地址?

地址1

地址2

我试过了:

    var Property= function (data) {
    this.name= ko.observable(data[0].name);
    this.address = ko.pureComputed(function () {
        return data.map(function (prop) {
            return prop.address + ''n';
        });
    }, this);
}

但结果是:

地址1''n,地址2''n

知道怎么做吗?

'n不是类似HTML的中断的工作方式。您需要使用适当的布局,至少使用<br />

你可以这样连接你的条目:

return data.map(function (prop) {
      return prop.address;
}).join('<br/>');

此外,您需要将值绑定为HTML以保留标记,请使用:

<span data-bind="html: address"></span>