html: <binding-value>

优质
小牛编辑
133浏览
2023-12-01

HTML绑定使关联的DOM元素显示参数指定的HTML。 如果要动态生成HTML标记,这非常有用。

语法 (Syntax)

html: <binding-value>

参数 (Parameters)

  • KnockoutJS将DOM元素的内容设置为提供的参数值。 此功能也可在JQuery中使用。 如果JQuery不可用,则使用KO来实现此目的。

  • 如果参数是observable ,则在更改基础observable时更新元素值。 如果no observable元素,则只处理一次元素。

例子 (Example)

让我们看看以下示例,该示例演示了html绑定的使用。

<!DOCTYPE html>
   <head>
      <title>KnockoutJS Html binding</title>
      <script src = "https://ajax.aspnetcdn.com/ajax/knockout/knockout-3.1.0.js"
         type = "text/javascript"></script>
   </head>
   <body>
      <p><span data-bind="html: welcomeMessgae "></span></p>
      <script>
         function AppViewModel() {
            this.welcomeMessgae = ko.observable();
            this.welcomeMessgae ("<strong>Welcome to xnip !!! For free online tutorials and courses click <a href = 'https://xnip.cn/'>here</a>.</strong>");
         }
         ko.applyBindings(new AppViewModel());
      </script>
   </body>
</html>

输出 (Output)

让我们执行以下步骤来查看上述代码的工作原理 -

  • 将上面的代码保存在html-bind.htm文件中。

  • 在浏览器中打开此HTML文件。