Question

使用敲除绑定时，HTML实体（®，©，€等）无法正确显示。

HTML code：

<!DOCTYPE html>
<html lang="en">
<head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <link rel="stylesheet" href="css/style.css">
</head>
      <body>
            <!-- This is a *view* - HTML markup that defines the appearance of your UI -->

            <!--Data appearing via binding-->
            <p>Product name: <strong data-bind="text: productName"></strong></p>

            <!--Static data-->
            <p>Product name:<strong>ABC&reg;EFG</strong></p>

            <script src="js/jquery-3.1.0.min.js"></script>
            <script type="text/javascript" src="js/knockout-3.4.0.js"></script>
            <script src="js/script.js" charset="utf-8"></script>

      </body>
</html>

的Javascript（的script.js）：

function AppViewModel() {
    this.productName = ko.observable("ABC&reg;EFG");
}

// Activates knockout.js
ko.applyBindings(new AppViewModel());

输出：

Answer 1

将绑定从text更改为html解决了问题。

 <p>Product name: <strong data-bind="html: productName"></strong></p>

使用挖空绑定填充数据时，HTML实体无法正确显示

1 个答案: