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>

如何从模板级别渲染JavaScript Image对象？

1 个答案: