Question

我在我的应用程序中使用knockout-2.2.1.js，我也使用svg元素。我正在使用knockout创建应用程序svg，它适用于其他svg元素，如rect，circle，line，.. ect，文本除外。我需要在动态数据更改时更新svg文本的文本。这是我使用的代码

<text  x="18px" y="-5px" fill="black" style="font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;" data-bind:\"attr:{ text: knockoutObject.data1()>80?'Tested Ok':'Tested Failed' }\"></text>

怎么可能？有没有办法对svg文本元素使用knockout？

任何建议都应该受到赞赏！..

Answer 1

以下是如何在SVG中使用knockout的示例。

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <text x="0" y="15" fill="red" data-bind="text: text"></text>
</svg>

<label>width: <input type='text' data-bind="value: text, valueUpdate: 'afterkeydown'" /></label>

和JS：

function VM(){
    this.text = ko.observable('I love SVG');
}

ko.applyBindings(new VM());

你的标记中有趣的转义字符也无法帮助你。

如何淘汰svg文本元素？

1 个答案: