淘汰賽交叉視圖模型

Question

var barcodeNum = ko.observable(""); 

VelocityMeetings.scan = function (params) { 

var errorMessage = ko.observable(""); 

var viewModel = { 
    errorMessage: errorMessage, 
    scannumber: ko.observable(""), 
    errorVisible: ko.computed(function() { 
     return errorMessage().length != 0; 
    }), 
    scanBarcode: function() { 
     //Capture image with device and process into barcode 
     capturePhoto(); 

     this.scannumber(barcodeNum()); 
     //this.errorMessage(errMessage); 
    }, 
}; 


return viewModel; 
}; 

我有在視圖模型外部創建的barcodeNum變量，試圖將數據傳回scannumber變量。如何訪問在視圖模型中定義的變量？

我們的目標是使用javascript Worker來更新scannumber，它將相應地更新我的應用程序，但我無法使其正常工作。

function receiveMessage(e) { 
    barcodeNum("Test function"); 
} 

var DecodeWorker = new Worker("js/BarcodeScanner.js"); 
DecodeWorker.onmessage = receiveMessage; 

的目標是沿此

VelocityMeetings.scan.viewModel.scannumber(barcodeNum()); 

線的東西，但是這個心不是正常

Answer 1

我發現這個問題我自己

scannumber: ko.observable(""), 

scannumber可以被定義爲ko.com的返回值是barcodeNum（），這將對barcodeNum做出任何更改到scannumber（）

這裏是我的計算

scannumber: ko.computed(function() { return barcodeNum(); },this), 

Answer 2

當你發現自己有互相溝通獨立的視圖模型，可考慮使用knockout-postbox。如果您願意，您可以單向或雙向進行溝通。就你而言，我認爲單向溝通就足夠了。

var barcodeNum = ko.observable('').publishOn('barcodeNum'); 

var viewModel = { 
    scannumber: ko.observable().subscribeTo('barcodeNum'), 
    // ... 
}; 

Answer 3

我經歷過這個問題很多次之前。然後我決定寫在同一篇文章...

你可以參考這篇文章：http://www.wrapcode.com/knockoutjs/communication-between-multiple-view-models-in-knockoutjs-mvvm-the-right-approach/

我有解釋瞭如何在本文中處理多視圖模型和多視圖模型的單獨實例。

希望其他人會發現它有用:-)