javascript - 如何从模板级别呈现 JavaScript Image 对象？

Question

我有一个可观察的图像对象数组，我想知道如何从模板角度渲染这些图像？

编辑：

我要做的是这样的：

<div data-bind="html: viewBoxImageHTML()">

viewBoxImageHTML对象的属性在哪里：

    self.viewBoxImage = ko.observable();
    self.viewBoxImageHTML = ko.computed(function(){
      if(self.viewBoxImage()){
          return self.viewBoxImage();
      }
      return '<p>LOADING IMAGE</p>';
    });

而这个 viewBoxImage 只是一个以某种异步加载方法加载的图像。

Answer 1

我已经通过这样的自定义活页夹完成了它：

ko.bindingHandlers.imageBinding = {
update: function (element, valueAccessor) {
    //appends the image to the binded element
    var value = ko.utils.unwrapObservable(valueAccessor());
    $(element).html(value);
}

};

示例用法：

<div class="divWithImage"
     data-bind="imageBinding: SomeImageObject">                    
</div>