knockout.js - 将元素放入 Knockout View 模型

Question

如何绑定(bind)一个元素，以便该元素本身位于我的 View 模型中？我不想使用 document.getElementByID。

HTML

<div id="someDiv" data-bind="self: someDiv" />

View 模型

viewModel.someDiv = ko.observable();

例子

(viewModel.someDiv() === document.getElementByID('someDiv')) === true;

编辑:

一些上下文...我已经在调用图形库的包装层中订阅了另一个 View 模型。我想将图形库呈现的元素绑定(bind)到。

Answer 1

您可以编写自定义绑定(bind)来设置您的可观察对象:

ko.bindingHandlers.bindElement = {
    init: function(element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
        var value = valueAccessor();
        value(element);
    }

    };

<div id="someDiv" data-bind="bindElement: myElement">

参见 fiddle :link