Knockout js隱藏圖像div

Question

我有Div binding圖像標記，它正在工作，但是當圖像值爲空時。

我想隱藏整個DIV，但是當圖像值爲null我得到的空白邊框框，我需要刪除also.how使用knockout js

<ul id="user-listview" data-bind="foreach:dataItems"> 
    <li> 
     <div> 
     <span data-bind="text:UserID" ></span> 
      <span data-bind="text:UserName" ></span> 
      <span data-bind="text:mobilenumber"></span> 
     </div> 
     <div id="divuserImage"> 
     <span data-bind="text:ImageID" style="display:none"></span> 
     <img style="height: 200px;width: 300px;margin-top: 10px;" data-bind="attr: { src:userImageUrl }" /> 
    </div> 
    </li> 
</ul> 

function UserModel(data){ 
    self=this; 
    self.UserID=ko.observable(data.UserID) 
    self.UserName=ko.observable(data.UserName) 
    self.mobilenumber=ko.observable(data.mobilenumber) 
    self.userImageUrl=ko.observable(data.userimage) 
    self.ImageID=ko.observable(data.ImageID) 
} 

Answer 1

試試這個，如果你還沒有

<ul id="user-listview" data-bind="foreach:dataItems"> 
    <li> 
     <div> 
      <span data-bind="text:UserID" ></span> 
      <span data-bind="text:UserName" ></span> 
      <span data-bind="text:mobilenumber"></span> 
     </div> 
     <div id="divuserImage" data-bind="visible: userImageUrl() && userImageUrl() != ' '"> 
      <span data-bind="text:ImageID" style="display:none"></span> 
      <img style="height: 200px;width: 300px;margin-top: 10px;" data-bind="attr: { src:userImageUrl }" /> 
     </div> 
    </li> 
</ul> 

我只添加的數據綁定=「可見： userImageUrl（）「在div標記

在你的js模型中，你還需要一個self.ImageID屬性（或者如果你以某種方式將它添加到dataItems中的每個元素）。例如：

function UserModel(data){ 
    self=this; 
    self.UserID=ko.observable(data.UserID) 
    self.UserName=ko.observable(data.UserName) 
    self.mobilenumber=ko.observable(data.mobilenumber) 
    self.userImageUrl=ko.observable(data.userimage) 
    self.ImageID=ko.observable(data.ImageID) 
} 

Answer 2

您可以使用CSS來做到這存檔這個。提供瞭如果在SRC心不是任何東西，如果空，你可以簡單地使用：

#divuserImage img[src=""] { 
    display: none; 
}