小编ebo*_*ard的帖子

我正在使用angular.js和(为了参数)bootstrap.现在我需要迭代"事物"并在"行"中显示它们:

<div class="row">
  <div class="span4">...</div>
  <div class="span4">...</div>
  <div class="span4">...</div>
</div>
<div class="row">
  etc...

现在,我怎么能用.row角度来关闭每三分之一的div？我试过ui-if来自angular-ui,但即便如此也没有.

如果我要使用服务器端渲染,我会做这样的事情(JSP语法在这里,但无关紧要):

<div class="row>
  <c:forEach items="${things}" var="thing" varStatus="i">
    <div class="span4">
        ..
    </div>
  <%-- Here is the trick:--%>
  <c:if test="${i.index % 3 == 2}">
          </div><div class="row">
  </c:if>
  </c:forEach>
</div>

请注意,我需要在这里实际更改DOM,而不仅仅是css隐藏元素.我尝试重复.row和.span4divs,没有用.

在ng-repeat中遵循angular.js条件标记,我尝试创建一个进行分组的自定义过滤器.我遇到了有关对象标识和正在观察更改的模型的问题,但我认为我最终将其钉住,因为控制台中不再出现错误.

事实证明我错了,因为现在当我尝试将它与其他过滤器(用于分页)结合起来时就像这样

<div ng-repeat="r in blueprints | orderBy:sortPty | startFrom:currentPage*pageSize | limitTo:pageSize | group:3">
      <div ng-repeat="b in r">

我得到了可怕的"10 $ digest()迭代次数.堕胎!" 再次出错信息.

这是我的群组过滤器:

filter('group', function() {
  return function(input, size) {
    if (input.grouped === true) {
      return input;
    }
  var result=[];
  var temp = [];
  for (var i = 0 ; i < input.length ; i++) {
      temp.push(input[i]);
      if (i % size === 2) {
          result.push(temp);
          temp = [];
      }
  }
  if (temp.length > 0) {
      result.push(temp);
  } …

我想在spring-shell中着色我的控制台输出.就像是:

System.out.println("\red; red text");

我知道彩色JUL日志记录输出,但它不是.

我怎么能这样做？