Angularjs 使用角度';s';ng重复';在响应性CSS框架内

Angularjs 使用角度';s';ng重复';在响应性CSS框架内,angularjs,angularjs-directive,frameworks,row,ng-repeat,Angularjs,Angularjs Directive,Frameworks,Row,Ng Repeat,我是AngularJS的新手,如果这是非常基本的,我道歉 我想使用angular的“ng repeat”指令来重复html的一部分,该部分从控制器中的“$scope.projects”数组中收集每个对象的数据 我能做得很好。我遇到的问题是原始静态文档使用了以下html结构: <div class="row"> <!-- start row 1 --> <div class="one-half column"> *project 1 html he

我是AngularJS的新手,如果这是非常基本的,我道歉

我想使用angular的“ng repeat”指令来重复html的一部分,该部分从控制器中的“$scope.projects”数组中收集每个对象的数据

我能做得很好。我遇到的问题是原始静态文档使用了以下html结构:

<div class="row"> <!-- start row 1 -->

  <div class="one-half column">
    *project 1 html here*
  </div>

  <div class="one-half column">
    *project 2 html here*
  </div>

</div> <!-- end row 1 -->

<div class="row"> <!-- start row 2 -->

  <div class="one-half column">
    *project 3 html here*
  </div>

  <div class="one-half column">
    *project 4 html here*
  </div>

</div> <!-- end row 2 -->

*这里是project 1 html*
*这里是Project2HTML*
*Project3HTML在这里*
*这里是Project4HTML*
……等等

每次重复的代码都包含在
中,因此我将其复制到指令文件中引用的html模板中。这个很好用

我的问题是,
标记只会每隔一段时间出现一次,我不知道如何动态地将它们合并到我的代码中,从而使理论上无休止的控制器数组能够吐出正确的html,而无需手动调整视图的html

我考虑过将上面的自定义指令放在另一个包含
标记的自定义指令中,但我认为ng repeat无法处理这个

任何想法/解决方案都将不胜感激


提前感谢。

我将使用ngIf进行模数计算。 在结束行1和开始行2的行上,使用ng if=“$index%2===0”或类似的内容

这将仅在索引可划分为2时插入标记


我还没有测试代码或语法,但它应该会给你一个想法。

我会使用ngIf进行模数计算。 在结束行1和开始行2的行上,使用ng if=“$index%2===0”或类似的内容

这将仅在索引可划分为2时插入标记


我还没有测试代码或语法,但它应该会给你一个想法。

可能重复的可能重复的感谢。实际上,我找到了另一种解决方法——只是对html/css进行了结构化,这样它就绕过了行/列结构。不过还是要谢谢你,这给了我一些想法:)谢谢。实际上,我找到了另一种解决方法——只是对html/css进行了结构化,这样它就绕过了行/列结构。不过还是要谢谢你,这给了我一些想法:)