多行工具提示与删除

Question

我正在尝试创建一个带有knockout的多行标题。

正常的HTML，这不是一个问题(只是包括
)。所以我尝试了相同的knockout，但它只是显示一个简单的1行标题(注意一个正常的标题，当我不使用。knockout)

function vm() {
    var self = this;
    this.a        = ko.observable(4);
    this.b        = ko.observable(7842);
    this.tooltip = ko.computed(function() {
        return "Line1: "+self.a()+" 
 Line2: " + self.b();
    });
}
ko.applyBindings(new vm());

任何想法如何使多行标题与knockout?

Answer 1

attr绑定在内部使用element.setAttribute方法，该方法以字符串作为属性值。

所以没有必要对换行符进行XML编码，你可以在你的tooltip字符串中有一个n:

this.tooltip = ko.computed(function() {
    return "Line1: "+self.a()+"n Line2: " + self.b();
});

演示JSFiddle。