angularjs中页面加载的switch语句

Question

我有这个 switch 语句，它在页面加载时查找页面上的某些类，并且需要重写到我的一个控制器中。

关于如何在 Angular 中重写这个简单的任务有什么想法吗？

$('.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'];
    	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>

我没有对其进行测试，但它应该可以工作，或者它需要针对您的特定需求进行小的修复。