Hinzufügen von Bedingung zu Data-Bind = "mit"

Question

Ich habe eine Benutzer-Tabelle, jeder Benutzer ist anklickbar, sobald Sie darauf klicken - ein modales Pop-ups mit den Informationen des Benutzers.

die div des modalen:

<div class="infoForm" data-bind="with: $root.selectedItem"> 
     <input id="companyName" placeholder="Company Name" data-bind="value: name" /> 
     <div class="cont"> 
     <label for="address">ADDRESS</label> 
     <input class="contField" placeholder="Address 1" id="address" data-bind="value: address1" /> 
     <input class="contField" placeholder="Address 2" id="address2" data-bind="value: address2" /> 
     <input class="contField" id="city" placeholder="City" data-bind="value: city" /> 
     <input class="contField" id="state" placeholder="State" data-bind="value: state" /> 
     <input class="contField" id="zip" placeholder="Zip" data-bind="value: zip" /> 
... 
</div> 

Das Problem ist, dass, wenn selectedItem leer ist, die modalen popups leer, ohne Inhalt.

Ich wollte eine Bedingung für die data-bind hinzufügen nur passieren, wenn $root.selectedItem nicht null becasue ist, wenn ich die data-bind überhaupt nehmen es funktioniert.

Ich habe versucht, dass:

<div class="infoForm" data-bind="with: $root.selectedItem ? $root.selectedItem : ''"> 
    ..... 
</div> 

Aber es funktioniert nicht, es funktioniert einfach nicht passieren, in anderen Arten von Bindung (text, value es funktioniert).

Die selectedItem gesetzt wird, wenn einer der Benutzer auf dem Tisch angeklickt wird:

<td class="name n" data-bind="text: name, click: $root.setSelectedItems.bind($data)"></td> 

The View Modell:

var UsersViewModel = function() { 
    var self = this; 
    self.selectedItem = ko.observable(); 
    ... 

    self.setSelectedItems = function (selectedUser) { 
    if (selectedUser) { 
     self.selectedItem(selectedUser); 
    } 
} 
} 

Jede Idee, wie das erreichen?

Answer 1

Ich löse es durch die selectedItem mit einem leeren user Einstellung:

self.selectedItem = ko.observable(new User(""));