敲除Html绑定

时间:2014-05-09 11:37:41

标签: html model-view-controller knockout.js binding

我将模型

&lt ; input type=&quot ; radio &quot ; name=&quot ;&quot ; &gt ;
绑定到剃刀引擎文件的视图模型。

**我已将这些标签分开,以显示html代码是如何以原始格式保存的。

当以上数据显示在视图上时,数据显示为“< input type =”radio“name =”“/>”。

我在cshtml页面使用的淘汰标签是“< label data-bind =”html:XYZ“>< / label>”。

我想知道为什么上面的数据反映为字符串消息而不是html控件?

1 个答案:

答案 0 :(得分:0)

如果您提供的字符串是正确的,我会说这是因为whitespace<之间的input。设为<input。其次,根据您在要呈现的html中引用的方式,您需要转义部分"或将其更改为'

视图模型

vm={
html1: "C<input type=\"radio\" name=\"\" />",
html2: "D<input type='radio' name='' />",
html3: "Your example has whitespace causing it to be invalid HTML: < input type='radio' name=''/>"}
ko.applyBindings(vm)     

HTML

<body>
  With escaped double quotes <label data-bind="html: html1"></label>
  <br/>
  With single qoutes <label data-bind="html: html2"></label>
  <br/>
  <label data-bind="html: html3"></label>
</body>

有关上述内容的工作示例,请参阅this fiddle