在 ViewModel 上的 Knockoutjs 绑定输入

Question

我有一个名为 CreateVM 的 Knockout.js ViewModel 包含其他 ViewModel - FrmAddGoodsVM。问题是当我将一些输入绑定到 FrmAddGoodsVM 时，输入将显示 [object HTMLInputElement]。有人可以告诉我我错过了什么吗？

我已将这些输入绑定从 FrmAddGoodsVM 放到 CreateVM 中，并且运行良好。但我想从 FrmAddGoodsVM 绑定它们，不知道为什么它不起作用。

索引.js

function FrmAddGoodsVM() {

    let self = this; 

    self.frmName = ko.observable(null);

    self.frmAddress = ko.observable(null);

}

function CreateVM() {

    let self = this;

    ...

    self.FrmAddGoodsVM = new FrmAddGoodsVM();

}

$(document).ready(function() {

    let createVM = new CreateVM();

    ko.applyBindings(createVM, document.getElementById('create'))

})

索引.html

<form role="form">

    <input id="frmName" data-bind="value: frmName"/>

    <input id="frmName" data-bind="value: frmAddress"/>

</form>

预期输出：输入元素将没有值 [object HTMLInputElement]

Answer 1

我不太确定发生了什么，但是您基本上在对象嵌套上相差甚远。Create VM 有一个属性，它是真正的 VM。所以你只需要调整你的绑定和多田！function FrmAddGoodsVM() {&nbsp; &nbsp; let self = this;&nbsp;&nbsp; &nbsp; self.frmName = ko.observable("");&nbsp; &nbsp; self.frmAddress = ko.observable("");}function CreateVM() {&nbsp; &nbsp; let self = this;&nbsp; &nbsp; self.FrmAddGoodsVM = new FrmAddGoodsVM();}&nbsp; &nbsp; let createVM = new CreateVM();&nbsp; &nbsp; ko.applyBindings(createVM.FrmAddGoodsVM)<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script><form role="form">&nbsp; &nbsp; <input id="frmName" data-bind="value: frmName"/>&nbsp; &nbsp; <input id="frmName" data-bind="value: frmAddress"/></form>附带说明一下，将 jquery 引入单个功能是非常浪费的，尤其是当淘汰赛在 dom 末尾加载时很好，或者您可以只使用香草版本，OnContentReady.