使用 ko.js mvc 未显示为 html 的表数据

Posted

技术标签:

【中文标题】使用 ko.js mvc 未显示为 html 的表数据【英文标题】:table data not displaying as html using ko.js mvc 【发布时间】:2016-05-26 13:14:29 【问题描述】:

我正在尝试将 knockout.js 用于单页 CRUD 应用程序,在几乎所有方面它似乎都比使用 ajax 将部分页面加载到视图中更好,但我遇到的一件事是渲染 textarea在解析的 html 中,我得到了所有标签 <p> 等。

当我使用 Razor/C# 时,我只会使用 @Html.Raw(Model.Details),但现在我使用的是 <td data-bind="text: Details"></td>

我尝试了<td>@Html.Raw(new @data_bind="text: Details" )</td>,但没有成功。

解决这个问题的最佳方法是什么?

【问题讨论】:

【参考方案1】:

如果您的视图模型中有 HTML,则需要 html binding 来显示它:

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

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

所以你的代码应该是这样的:

<td data-bind="html: Details"></td>

【讨论】:

【参考方案2】:

您需要为此使用html 绑定。 在他们非常好的documentation 中查找。

所以在你的html元素中,应该是这样的。

<td data-bind="html: Details"></td>

【讨论】:

谢谢,错过了文档。

以上是关于使用 ko.js mvc 未显示为 html 的表数据的主要内容,如果未能解决你的问题,请参考以下文章

如何在 MVC 的单个视图中制作插入表单和显示来自数据库的数据的表?

html表响应未显示在按钮单击jquery函数的MVC视图中

未使用 ASP.NET MVC EditorTemplate

asp.net MVC SignalR 与数据库 实时同步显示

ko.js学习一

如何使用jquery从dot net core mvc中的表中的下拉列表中显示选定的值