ドロップダウンを使用してビューを変更できません。私はドロップダウンを得ることができますが、クリックはビューを変更しません

Question

私のアプリケーションではビューが異なるので、ユーザーからのドロップダウンでビューを変更できます。ドロップダウンを表示することはできますが、ビューをクリックして変更することはできません。これはクロムとOperaで発生します。本当に明確ではないI'ts

<div class="btn-group btn-group-xs" > 
<button type="button" class="btn btn-xs btn-default" data-toggle="dropdown"> 
    <table border="0" cellpadding="0" cellspacing="0"> 
     <tr> 
      <td ng-if="(view==1)">View 1</td> 
      <td ng-if="(view.id==1)">View 2</td> 
      <td ng-if="(view==1)">View 3</td> 
      <td class="width10"><span class="fa fa-caret-down"></span><span class="sr-only">Toggle Dropdown</span></td> 
     </tr> 
    </table> 
</button> 
<ul role="menu" class="dropdown-menu"> 
    <li class="dropdown-submenu" ng-click="loadView(1)"> 
     <div class=""> 
      <table border="0" cellpadding="0" cellspacing="0"> 
       <tr> 
        <td>View 1</td> 
       </tr> 
      </table> 
     </div> 
    </li> 
    <li class="dropdown-submenu" ng-click="loadView(2)"> 
     <div class=""> 
      <table border="0" cellpadding="0" cellspacing="0"> 
       <tr> 
        <td>View 1</td> 
       </tr> 
      </table> 
     </div> 
    </li> 
    <li class="dropdown-submenu" ng-click="loadView(3)"> 
     <div class=""> 
      <table border="0" cellpadding="0" cellspacing="0"> 
       <tr> 
        <td>View 1</td> 
       </tr> 
      </table> 
     </div> 
    </li> 
</ul>