如何在bootbox警报中访问基因敲除变量/ observables

Question

我想在bootboxjs警报中访问我的knockout js viewmodel。你知道我的代码为什么不起作用吗？

的jsfiddle：https://jsfiddle.net/bt2pffcd/1/

简化代码：

<div class="bootbox"> 
    <input data-bind="textinput: testText"/> Typed: 
    <label data-bind="text: testText"></label> 
</div> 
<button data-bind=" click: bootBox">Launch bootbox!</button> 

我的视图模型和applybindings：

var ViewModel = function() { 
    var self = this; 

    self.testText = ko.observable("Test"); 
    self.bootBox = function() { 
     bootbox.alert($("div.bootbox").html()); 
    } 

    } 


    ko.applyBindings(new ViewModel()); 

Answer 1

我知道我的视图模型并不适用于bootbox因为bootbox DOM元素的元素被删除并在applybindings被调用后添加。我打开我的弹出窗口，并在控制台中调用applybindings，并使其工作。我希望能够在bootbox中使用我的viewmodel。

所以我想出了一个解决方案。首先绑定到特定的div。然后为bootbox内容创建一个div，然后创建bootbox弹出窗口并将第二个div的内容放入其消息中（使用jquery.html），然后将绑定应用于bootbox弹出窗口[0]，胜利就是你的。小提琴将被更新。