テーブルに角型のVMをバインドするクリーナーの方法

Question

私はテーブルを作成し、ビューモデル内の各アイテムに対してこれを繰り返すので、これをより明瞭に書く方法を探しています。

<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> 

その後もあなたのindex.htmlファイルにNG-マントのためのCSSを追加します。

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