更清洁的方式来绑定角度虚拟机到表

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>