javascript - ng-repeat 自定义不同样式的显示模式

Question

假设我有 n 个元素。前 3 个将跟进不同风格和元素图像拍摄。接下来2将跟进不同的风格和图像拍摄。接下来的4张将分为不同的风格和图像拍摄。我想在 ng-repeat 中或通过自定义指令排列此变化。建议我遵循显示模式的最佳方式是什么。

例如:

 (*) (*) (*) // Medium Image
  (@)  (@)  // Big Image
(.) (.) (.) (.) // small Image

....此模式必须对所有 n 个元素重复，并带有分页。

    <li ng-repeat="data in arrivCtrl.content"> // here getting list of objects with item details
    <div class="ItemStyleWith3PerRow" ng-if="$index % 3 == 0" >...</div>
    <div class="ItemStyleWith2PerRow" ng-if="$index % 2 == 0" >... </div>
    <div class="ItemStyleWith4PerRow" ng-if="$index % 4 == 0" >... </div>
    </li>

Answer 1

你的问题需要改进，建议你具体说明一下涉及到哪些技术，并给我们展示一些代码。

这就是说，我是assuming这是关于 AnglatJs 的。至于你有什么服务器端，我不知道。

我的建议是让你的服务器向你的 Angular Controller 发送一个包含你想要的模式的数组，然后你只需使用 ng-repeat 来显示它。

事实上，据我所知，这是唯一合适的方法，因为 ng-repeat 用于循环数据而不是更改它。

这样的事情应该有帮助:

<div ng-repeat="product in productsList">
    {{product}}
</div>

另外，我推荐一些阅读:

• https://docs.angularjs.org/api/ng/directive/ngRepeat
• http://www.w3schools.com/angular/angular_tables.asp

希望对你有帮助!