使用href绑定的图像将不起作用

Question

我有这个并且它有效（它显示文本和图标的链接）：

  <tr>
       <th>
         <a href=";" data-bind="click: sortReport.bind($data, 'byDate') "> Date 
           <img src='@Url.Content("~/assets/images/icons/sort_asc.png")'  />
         </a>
       </th>
  </tr>

但这不会显示图标（如果我删除文字：$ data.Name，它会显示图标）：

       <thead>
        <tr data-bind="foreach: tableHeaderNames">    
          <th> 
             <a href=";" data-bind="text: $data.Name, click: $parent.sortReport.bind($data, 'byDate') "> 
                <img src='@Url.Content("~/assets/images/icons/sort_asc.png")' />
             </a>                                     
           </th>
         </tr>
       </thead>          

我该怎么办？ （TNX）

Answer 1

为什么不能只使用一个类作为图标？

或者你可以这样做吗？

   <thead>
    <tr data-bind="foreach: tableHeaderNames">    
      <th> 
         <a href=";" data-bind="click: $parent.sortReport.bind($data, 'byDate') "> 
            <img src='@Url.Content("~/assets/images/icons/sort_asc.png")' />
            <span data-bind="text: $data.Name"></span>
         </a>                                     
       </th>
     </tr>
   </thead>