对表行使用ng-repeat
我正在尝试将模型中的数据插入模板，但是我想每7次重复添加一个新的表行。使用基于strign的模板，我可以使用迭代索引和模来相当容易地做到这一点，但是我无法弄清楚如何使用angular的DOM模板来做到这一点。
这是HTML：
<div ng-controller="MyCtrl">
<table cellspacing="0" cellpadding="0">
<colgroup span="7"></colgroup>
<tbody>
<tr class="days">
<th scope="col" title="Monday">Mon</th>
<th scope="col" title="Tuesday">Tue</th>
<th scope="col" title="Wednesday">Wed</th>
<th scope="col" title="Thursday">Thu</th>
<th scope="col" title="Friday">Fri</th>
<th scope="col" title="Saturday">Sat</th>
<th scope="col" title="Sunday">Sun</th>
</tr>
<tr>
<td ng-repeat="date in dates">
{{ date }}
<!-- After seven iterations a new `<tr>` should be aded -->
</td>
</tr>
</tbody>
</table>
</div>
而javascript类似于：
myApp = this.angular.module('myApp', []);
var monthDays = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 1516, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31];
myApp.controller('MyCtrl', function($scope) {
return $scope.dates = monthDays;
});
您可以在JSFiddle中查看以下代码：http :
//jsfiddle.net/3zhbB/2/
问题答案：
-
问题内容： 我正在使用AngularJS，并且假设它可以工作（不起作用），我想获得的效果将类似于它将产生的效果。 视图 控制者 我意识到该代码将无法使用，因为它不可用，因为它将仅可用于每一行内的对象。该代码是为了让我了解正在尝试做的事情：即。我希望能够使用其类也基于条件的表行来创建，该条件取决于对行本身的范围功能的访问。。我意识到我 可以 在列上添加ng- class，但这很无聊。有人有更好的主意
-
问题内容： 我正在使用像这样的过滤器渲染对象列表： 我尝试对列表的排序进行ng动画处理的尝试令人沮丧，因此不值得分享。我在这里看到了Yearofmoo示例应用程序。 不幸的是，这个演示并不是我想要实现的。在定义更改后，当给定列表项以新顺序放置时，我需要设置其X位置的动画。我试图通过css过渡和绝对定位来实现这一点，但是似乎在使动画成为真正的挑战时重新创建了列表项。 （使用或不使用 ）是否可能？ 您
-
问题内容： 我正在尝试使用Angular应用程序保持分页。我无法找到执行此操作的正确方法。 的HTML 控制者 我能够看到分页栏，但是没有执行任何操作，即使将total-items设置为10，也将呈现整个表数据。 uib分页的工作原理以及数据（在这种情况下）如何与分页相关联。 问题答案： 您缺少的部分是必须具有从整个数组中获取当前页面数据的功能。我添加了一个函数来处理此问题。 您可以在分叉的拨蓬中
-
问题内容： 我是webpack的新手，现在我在我的一个有角度的项目中第一次使用它。 我想在我的html文件中使用require函数，以便为ng-include要求模板，如下所示： 我知道有像ng- cache和ngtemplate这样的加载器，但它们无法按我需要的方式工作。对于它们，我必须先在js中要求模板，然后再在html文件中使用模板名称。 如何做到这一点？ 问题答案： 您可以在npm上使用w
-
问题内容： 我正在尝试将页面添加到我的列表中。我遵循了有关智能手机的AngularJS教程，我试图仅显示一定数量的对象。这是我的html文件： 我添加了带有某些值的select标记，以限制将要显示的项目数。我现在想要的是添加分页以显示下一个5、10等。 我有一个与此相关的控制器： 而且我还有一个模块，以便从json文件中检索数据。 问题答案： 如果您没有太多数据，则可以通过将所有数据存储在浏览器中
-
问题内容： 我正在尝试使用附加到的方式更新我的模型。 我有一个赋值表达式没有问题 外 的，或者与调用方法的范围 内 的。不过，如果我使用赋值 里面 的，它似乎被忽略。我没有在Firefox控制台中看到任何消息报告，但是还没有尝试设置断点来查看是否触发了该事件。 小提琴在这里，如果您愿意的话（还有几个早期的变体）。 问题答案： 指令ngRepeat为每次迭代创建一个新作用域，因此您需要在父作用域中引