knockout.js - 将动态 html 插入到 durandal 视图中

Question

我在 durandal 视图中动态插入 html，但它不起作用，任何人都可以帮助我吗？我的示例 html 是

在硬脑膜视图中

<div data-bind="foreach:arrayofmodels">
    <div data-bind="html:dynamichtml"/>
  </div>

在我的模型（不是视图模型）中，它将插入动态 html

dynamichtml(<span data-bind="click:Mymodelclickfunction"/>);

在我的视图模型中

    var arrayofmodels=ko.observableArray();
     vm={
         arrayofmodels:arrayofmodels;
       }
return vm;

有一个单独的函数来获取模型对象列表并将它们推送到arrayofmodels数组中。

我知道问题是在应用绑定后插入 html，但如何解决这个问题？

score -1 · Accepted Answer

更新：

您是否考虑过为此目的使用 Durandal 的撰写机制？假设模型返回一个带有Mymodelclickfunction属性的构造函数，下面的内容应该可以帮助您入门。

模型.js

define(function() {
    return function() {
        this.Mymodelclickfunction = function(){
           //...
        }
    };
});

模型.html

<div>
    <span data-bind="click:Mymodelclickfunction"/>
</div>

根据评论durandal 视图更新

<div data-bind="foreach:arrayofmodels">
    <!-- ko compose: $data -->
    <--/ko -->
</div>

1 回答 1