html: <binding-value>
优质
小牛编辑
135浏览
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文件。