处理包含字符串和html的挖空文本

时间:2013-11-11 07:35:34

标签: javascript jquery knockout.js

我有一个有效的应用程序,现在我将它移动到移动版本。我正在使用已经为web创建的所有服务。因此,使用这些服务,我有时会得到类似这样的文本。

var serverString = 'like this image <img src="abc.png">'

当我将其分配给淘汰赛属性时

self.PropertyName(serverString)

并绑定它,它会产生这个字符串。

like this image <img src="abc.png">

我希望移动服务器或网络服务器能够读取文本,因此文本保持相同,但标记转换为标记而不是将标记显示为标记,它应将标记显示为图像。
我怎么能这样做?

这是我的约束力

<p data-bind="text:PropertyName"></p>

1 个答案:

答案 0 :(得分:4)

http://knockoutjs.com/documentation/html-binding.html

<强>目的

html绑定会导致关联的DOM元素显示参数指定的HTML。

通常,当视图模型中的值实际上是您要呈现的HTML标记字符串时,这非常有用。

<div data-bind="html: details"></div>

<script type="text/javascript">
    var viewModel = {
        details: ko.observable() // Initially blank
    };
    viewModel.details("<em>For further details, view the report <a href='report.html'>here</a>.</em>"); // HTML content appears
</script>