Angular JS:混合固定+动态列
Angular JS: Mix of Fixed + Dynamic columns
我手头有这个问题,我有一个对象列表+日期列表。我想用对象列表来布局行每个对象字段都是row +中的一列对于每个日期对象我想在对象列之后添加4列这样我的行看起来像
<tr>
<td>obj field 1</td>
<td>obj field 2</td>
<td>obj field 3</td>
<td>obj field 4</td>
<td>obj field 5</td>
... after object fields, date columns
<td>date 1 - col 1</td>
<td>date 1 - col 2</td>
<td>date 1 - col 3</td>
<td>date 1 - col 4</td>
...
...
<td>date 2 - col 1</td>
<td>date 2 - col 2</td>
<td>date 2 - col 3</td>
<td>date 2 - col 4</td>
... there are 12 date objects, one for each month
</tr>
这是我试图解决它的方法
<tr ng-repeat="o in objects">
<td></td>
... object fields end
<td ng-repeat="d in dates" data-columns="true" date="d"></td>
</tr>
其中data-columns
是一个以table
为模板的指令。
指令模板:
<table><tr><td></td><td></td><td></td><td></td></tr></table>
使用这种方法,我在日期对象的td
中得到table
。我想知道是否有办法做到这一点,而不用在指令模板中使用table
。我希望我的结束html
只是表行+列,没有嵌套的表。
您可以通过这种方式为每个date
添加四列:
<tr ng-repeat="o in objects">
<td></td>
... object fields end
<td ng-repeat-start="d in dates">col-1</td>
<td>col-2</td>
<td>col-3</td>
<td ng-repeat-end>col-4</td>
</tr>
相关文章:
- 如何使用画布和动态.js裁剪图像
- 使用动态 js 更新画布
- 动态.js单击画布外的按钮时从画布中删除图像
- 如何在动态 js 中更改一组节点的颜色
- file_get_contents在动态 js 调用中不起作用
- 使用 node.js 提供动态.js文件
- 动态.js动画 包含形状和文本的多个组
- 动态.js在火狐浏览器上很慢
- 动态.JS精灵表帧速率在每个事件上加倍
- 动态 JS 拖动绑定函数限制在线拖动
- iPad浏览器在使用动态JS加载图像后崩溃
- 使用javascript和动态.js在画布中平滑滚动
- 在动态 js 中重用画布代码
- 使用单击功能绘制新的动态JS多边形
- 选择在动态.js中添加到画布的任何动态形状
- 在动态js填充元素(形状)与图像
- 动态js的答案取决于用户的输入
- 动态JS框架:绘制矩形
- 尝试在全局函数中设置动态JS变量
- 动态JS -我如何隐藏所有的锚图像使用复选框