多重敲除結合功能和變量

Question

多重敲除結合。

我想只使用一個應用綁定而不是兩個應用綁定。一個是變量其他功能。我也使用requireJS。

HTML：

<button id= "Hand" name="Hand" 
        data-bind="click: Handler2"> 
      </button> 

KnockoutJS

function (ko, $) 
     {            
      function DM1ViewModel() { 
       var self = this; 
       self.bId = ko.observable('TEST456'); 

      } 
      $('#hide').hide(); 


     var DMD2 = { 
     Handler2: function() { 

      window.location='http:www.google.com'; 
     } 
    }; 

      ko.applyBindings(new DM1ViewModel(), document.getElementById('Container')); 
      ko.applyBindings(DMD2); 
      }); 

Answer 1

因爲它的立場，實在沒有理由在您的DMD2對象applyBindings因爲沒有任何可觀察那裏。

然而，更普遍回答你的問題，你有兩個選擇：

1. 呼叫applyBindings爲DMD2針對不包含你的容器元素的元素，而不是已經包含您的容器元素中。

的Javascript：

// DM1ViewModel is the same 
var DMD2ViewModel = function() { 
    this.Handler2 = function() { 
     window.location='http:www.google.com'; 
    }; 
} 
ko.applyBindings(new DM1ViewModel(), document.getElementById('DM1Container')); 
ko.applyBindings(new DMD2ViewModel(), document.getElementById('DMD2Container')); 

HTML

<div id="Container"> 
    <div id="DM1Container"> 
     <h2 data-bind="text: bId"></h2> 
    </div> 
    <div id="DMD2Container"> 
     <h2 data-bind="click: Handler2">Click me</h2> 
    </div> 
</div> 

讓有每個現有的視圖模型作爲觀測和使用一個父視圖模型with binding

Javascript：

var PageViewModel = function(){ 
    this.dm1 = ko.observable(new DM1ViewModel()); 
    this.dm2 = ko.observable(DMD2); // currently isn't a function, so can't call new 
} 

ko.applyBindings(new PageViewModel(), document.getElementById('Container')); 

在你的HTML：

<div id="Container"> 
    <div data-bind="with: dm1"> 
     <h2 data-bind="text: bId"></h2> 
    </div> 
    <div data-bind="with: dm2"> 
     <h2 data-bind="click: Handler2">Click me</h2> 
    </div> 
</div>