anglejsでのページ読み込み文の切り替え

Question

このスイッチ文は、ページの特定のクラスをページロード時に検索し、コントローラの1つに書き換える必要があります。

角度でこの単純なタスクを書き換える方法に関するアイデアはありますか？

$('.radior').each(function() { 
 
    var ones = $(this).find('.newone'); // newone's of current .radior 
 
    var count = ones.length; 
 

 
    switch (count) { 
 
     case 1: 
 
     case 2: 
 
     case 3: 
 
     var sub = ['full', 'half', 'third']; 
 
    \t ones.addClass(sub[count - 1] + " col-xs-12 col-md-" + (12/count)); 
 
     break; 
 
     
 
     case 4: 
 
     ones.addClass("quarter col-xs-12"); 
 
     break; 
 

 
     case 4: 
 
     ones.addClass("another col-xs-12"); 
 
     break; 
 
    } 
 
});

すべてのヘルプははるかに高く評価されます。おかげ

Answer 1

あなたはディレクティブでそれを変換する必要があります：あなたはこのようなものがあります

angular.directive('radior', function() { 
    return { 
     restrict: 'E', 
     transclude: true, 
     link: function(scope, element, attr) { 
      var ones = element.find('.newone'); // newone's of current .radior 
      var count = ones.length; 

      switch (count) { 
       case 1: 
       case 2: 
       case 3: 
        var sub = ['full', 'half', 'third']; 
        ones.addClass(sub[count - 1] + " col-xs-12 col-md-" + (12/count)); 
        break; 

       case 4: 
        ones.addClass("quarter col-xs-12"); 
        break; 

       case 4: 
        ones.addClass("another col-xs-12"); 
        break; 
      } 
     } 
    }; 
}); 

今すぐあなたのHTMLに：

<radior> 
    <div class="newone">test</div> 
</radior> 

を、私はそれをテストしていないが、それは動作するはずですか特定のニーズに合わせて小さな修正が必要です。