我一直在努力做的是融入<div>
a 内的标签<table>
, 部分替换<tr>
.
<table ng-controller="TableController as tc">
@foreach ($orders as $order)
<tr class="1stPart">
//<td>
</tr>
<!--From here, <div> is incorporated -->
<div id="id{{$order->id}}" ng-show'isShow == {{$order->id}}'>
<tr class="2ndPart">
//<td>
</tr>
</div>
@endforeach
</table>
为了简单起见,我希望您想象该表是根据以下结果动态生成的@foreach ($orders as $order)
(我正在使用 Laravel 5),并且该表由两部分组成 - 一个由<tr>
,另一个在里面<div>
.
最终,我将创建一个隐藏/显示的功能<div>
通过单击<tr class="1stPart">
。要么使用 AngularJSngShow
或者 JQuery 的hide()
.
然而,令我惊讶的是,div 标签在运行时总是超出表格,这只能从 Developer 工具中确认。
(即右键单击 -> 检查 -> 元素)
<div id="id{{$order->id}}" ng-show'isShow == {{$order->id}}'>
</div>
<table ng-controller="TableController as tc">
@foreach ($orders as $order)
<tr class="1stPart">
//<td>
</tr>
<!--From here, <div> is incorporated -->
<tr class="2ndPart">
//<td>
</tr>
@endforeach
</table>
我无能为力,不明白发生了什么事。
如果您能提供任何建议,我将不胜感激。