gpt4 book ai didi

javascript - Knockout Js应用绑定(bind)到多个html节点

转载 作者:行者123 更新时间:2023-11-30 12:09:01 24 4
gpt4 key购买 nike

我在一个页面上运行了多个 View 模型,为了解决任何潜在的冲突,我将父 html 节点添加到 knockout 应用绑定(bind)文本中。但是,我遇到的一个问题是我不能再使用这些节点之一之外的属性。我试图弄清楚是否有任何方法可以更新我也已绑定(bind)该模型的 View 模型绑定(bind)之外的单个 html 节点。

<html>
<head>
<script>
function VM1() {
this.ViewModelProp1 = ko.observable(1);
this.NotficationsNumber = ko.observable(1);
}
function VM2() {
this.ViewModelProp2 = ko.observable(1);
}
ko.applyBindings(VM1, document.getElementById('vm1'));
ko.applyBindings(VM1, document.getElementById('vm2'));
</script>
</head>
<body>
<!-- I want this property applied to the VM1 -->
<h1 id="notifiy" data-bind="text: NotficationsNumber"></h1>
<p id="vm1">
<strong data-bind="text: ViewModelProp1"></strong>
</p>
<p id="vm2">
<strong data-bind="text: ViewModelProp2"></strong>
</p>

</body>
</html>

最佳答案

放在自己的容器里就可以了。

<html>
<head>
<script>
function VM1() {
this.ViewModelProp1 = ko.observable(1);
this.NotficationsNumber = ko.observable(1);
}
function VM2() {
this.ViewModelProp2 = ko.observable(1);
}
ko.applyBindings(VM1, document.getElementById('div1'));
ko.applyBindings(VM1, document.getElementById('vm2'));
</script>
</head>
<body>
<!-- I want this property applied to the VM1 -->
<div id='div1'>
<h1 id="notifiy" data-bind="text: NotficationsNumber"></h1>

<p id="vm1">
<strong data-bind="text: ViewModelProp1"></strong>
</p>
</div>
<p id="vm2">
<strong data-bind="text: ViewModelProp2"></strong>
</p>

</body>
</html>

关于javascript - Knockout Js应用绑定(bind)到多个html节点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34361071/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com