更清潔的方式來綁定角度虛擬機到表

Question

我創建一個表，並重復它在我的viewmodel中的每個項目，我正在尋找一個更乾淨的方式來寫這個。

<div class="row"> 
    <div class="col-lg-4" ng-repeat="x in vm.visibleOptions"> 
     <table> 
      <tr> 
       <td colspan="2"> 
        Option <span ng-bind="x.OptionNumber"></span> - <span ng-bind="x.OptionName"></span> 
       </td> 
      </tr> 
     </table> 
    </div> 
</div> 

任何建議都會有幫助，因爲我首先要進入一個新項目的角度。

Answer 1

清潔是很主觀的，但如果你可以用更簡明做到這一點：

<div class="row"> 
    <div class="col-lg-4" ng-repeat="x in vm.visibleOptions"> 
     <table> 
      <tr> 
       <td colspan="2"> 
        Option {{x.OptionNumber}} - {{x.OptionName}} 
       </td> 
      </tr> 
     </table> 
    </div> 
</div> 

那麼對於NG-斗篷的CSS也添加到您的index.html文件。

<style> 
     [ng\:cloak], 
     [ng-cloak], 
     [data-ng-cloak], 
     [x-ng-cloak], 
     .ng-cloak, 
     .x-ng-cloak { 
      display: none !important; 
     } 
    </style>