是否可以在點擊功能中傳遞特定模型？

Question

我有很糟糕的時間搞清楚如何通過功能中的指定model（說click函數）。

我有這個模型。

的JavaScript

var Bar = function() { 
    this.id = ko.observable(); 
    this.name = ko.observable(); 
    this.barItems = ko.observableArray([]); 
}; 

var BarItem = function() { 
    this.id = ko.observable(); 
    this.type = ko.observable(); 
}; 

var addBarItem = function(item) { 
    // seems that the "item" here is the whole viewmodel 
}; 

var bars = ko.observableArray([]); // the elements here are Bar objects 
var selectedBar = ko.observable(); // passed a Bar object 

HTML

<div data-bind="with: selectedBar"> 
    <p data-bind="text: name></p> 
    <div> 
    <input type="text" data-bind="value: type" /> 
    <button data-bind="click: $root.addBarItem">Add Bar Item</button> 
    </div> 
</div> 

一旦我點擊了添加欄項目，它是獲得Bar對象。我如何通過BarItem？

任何幫助將不勝感激。謝謝

Answer 1

將您需要的任何東西集成到您的視圖模型中。以此爲起點。

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

    self.Bar = { 
     id: ko.observable(), 
     name: ko.observable(), 
     barItems: ko.observableArray([]) 
    }; 

    self.BarItem = { 
     id: ko.observable(), 
     type: ko.observable() 
    }; 

    self.addBarItem = function(item) { 
     // when referenced within foreach will receive the current item automatically 
    }; 

    self.bars = ko.observableArray([]); // the elements here will be Bar objects 
    self.selectedBar = ko.observable(); // passed a Bar object 
}; 

ko.applyBindings(new BarViewModel());