angular ngrepeat在table中的一个问题

Question

在angular中用ng-repeat展示出一个table，代码是这样的
`

                <tr ng-repeat="row in mc">
                    <td>{{row.id}}</td>
                    <td>{{row.name}}</td>
                    <td>{{row.time}}</td>
                    <div class="well well-lg">Some content</div>
                </tr>`

这样循环会导致最后的div跑到这个table外面去，怎么让div接着td打印出来

Answer 1

你这个。。 为什么要在tr里面放div？ 更改div的display 或者把div放在td中然后更改table的外框显示应该能达成你要的效果。。

更正: div修改display应该也不能在table中直接显示。即便修改display，不准嵌套的标签依然不能嵌套

Answer 2

tr里不能放div，这个是浏览器在展示你的html时做的容错处理，不是angular搞得。

文档: tr

Answer 3

规范不允许div作为tr的子元素，tr的子元素只能是td或者th

希望注意一下，标签不是随意嵌套的