How do you prevent character escaping in knockout.js data-binding?

https://stackoverflow.com/questions/18518491

26-06-2022
|

题

This code displays the non-breaking space escape sequence instead of the actual spaces:

<html>
  <head>
    <script src="../js/jquery.min.js"></script>
    <script src="../js/knockout-2.2.1.js"></script>
    <script>
      $(document).ready(function() {
        var modelType = function() {
          this.A = ko.observable('a b&nbsp;&nbsp;c');
        };
        var model = new modelType();
        ko.applyBindings(model);
      });
    </script>
  </head>
  <body>
    <p data-bind="text: A"></p>
  </body>
</html>

It displays the following:

a b&nbsp;&nbsp;c

instead of

a b  c

How do I prevent this behavior?

解决方案

You should use html binding instead of text:

<p data-bind="html: A"></p>

其他提示

You could use the html binding, http://knockoutjs.com/documentation/html-binding.html:

<p data-bind="html: A"></p>

许可以下： CC-BY-SA 和归因

不隶属于 StackOverflow