如何在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]，勝利就是你的。小提琴將被更新。